Streaming live at 10am (PST)

SVG with dynamic cms content in link block

#1

So apparently you can’t insert an embedded html component in a link block (whyyyyyyyy?). But I need to insert svg code inside a div (.circle-bg), which is inside a link-block. I get that you can upload an svg as an img, but the svg has to have CMS content (a fill color) ([screenshot]). (https://cl.ly/55160b508795).

Is there any way around this? This is frustratingly limiting and such a simple task.

https://cl.ly/ac97262b85b9


Here is my site Read-Only: LINK

#2

The idea behind - without this restriction users will put links inside links (Not valid). But yes, sound useful in general.

Anyway in your case maybe add the link by js:

<script>
document.getElementById('your-div').addEventListener('click', function() {
    location.href = 'http://your-url.com'
}, false);
</script>
  1. Add id for the div (with the svg inside) ==> “your-div” in this example.
  2. Add this code to your embed html
  3. Change the href
location.href = 'http://change-this-url.com'
  1. Push to live

By css change the cursor of “your-div” to pointer.
image