Can I not change the styling of vector shapes???? šŸ˜”

Ask the community
,
2

Perhaps you could do it somehow with an iFrame / HTML-Componentā€¦

<!DOCTYPE html>
<html>
  
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" 
 content="IE=edge">
  
 <meta name="viewport" content=
 "width=device-width, initial-scale=1">
  
 <title>
 How to change SVG color?
 </title>
</head>
  
<body style="text-align: center;">
  
 <h1 style="color: green;">
 GeeksforGeeks
 </h1>
  
 <div>
 <svg height="1000" width="500">
 <circle cx="250" cy="120" r="80"
 stroke="#000" stroke-width="5" 
 style="fill:#060">
 </svg>
 </div>
</body>
  
</html>

Put an HTML-component / iFrame onto your site-page.
Put the shown code into the new generated element and save it.

You should now get something likeā€¦


These two variables are important, which changes the ā€œfill-colorā€ and the ā€œborder-colorā€ā€¦

stroke="#000" stroke-width="5"  // border-color
 style="fill:#060">             // fill-color

Change MANUALLY the color-value for each of the given variables and see what happens.

You could also do the same thing by using the post-message to interact between HTML-Component and your wix-page.

It is just an example, found hereā€¦

Now try to add 1+1 to get ā€”> 2 <ā€” 2=will be your end-result. :wink: