[Resolved] Svg not seen

[Julio Merodio]

Good Morning 🙂

We are making a web page using Generate Press as theme and Elementor as constructor and although we are very happy with both, on this page we are having problems with svg.

On the home (http://nueva.magnetosur.com/) page there are two places that are giving us problems:
1 – Start boxes: There is one of the icons that although we upload it in the correct color or we put it to be seen in the correct color, it is still blank and is not displayed.

2 – In the row, none of the uploaded svg is displayed.

In addition, in another of the pages (http://nueva.magnetosur.com/analisis-clinicos/) the same thing happens to us, the svg that we upload are not seen, at the beginning of the page, we have put pngs so that they can be seen but we would like them to be the svg and not give problems like in the row.

Do you know what can happen and how we can fix it?

Thank you very much!!

[David]

Hi there,

you would need to speak with Elementor support as it is there CSS that is affecting the display of those SVGs.

[Julio Merodio]

Many thanks David! We will do it!

Do you know in case what CSS it’s affecting to display this SVGs?

Thanks again!

[David]

Looking at the icon above: Unidades avanzadas
If you inspect the element you will see the <path> has class="st0"

the st0 class is also applied to your other SVGs.
And each of them have a style for it.
Whatever CSS is added last will override all previous styles. Which means all SVGs with that class are white.

For icons with different colors you will need to specify a different class for its <path>s

[Julio Merodio]

Great information! I can solved it with your support, many thanks again!

[David]

Glad to be of help.

[Author]

Posts