[Support request] Vanishing icons

[Patricia]

Hello,
I am making a site from the Java theme and I have the impression that the bugs are multiplying…
The most important one is the icons. I got them from Canva Pro and they disappear or become white (completely or partially), so almost invisible, in a totally random way.
Thanks in advance for your help.
Patricia

[David]

Hi there,

can you share a link to your site so i can take a look at whats going on ?

[Patricia]

Hello David,
Thanks for your message.
The website is under construction, so I give you the address as private information.

[Leo]

Where can we see the issue?

The icons here are showing fine to me:
https://www.screencast.com/t/ddWg2QsB9u

[Patricia]

Hi Leo,
Please, look on the page « PARTICULIERS », the Home page is ok

[Fernando]

Hi Patricia,

For clarity, can you take a screenshot of how you added the icons?

Uploading Screenshots: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots

[Patricia]

Hi Fernando,

Well, I download the Icon on my computer, then I open it with SVGOMG to get the code, I copy it and I put it on the website. You will see on the screenshots, when I place the mouse over the middle left icon in the series, the top and right ones disappear.
When I place the mouse on its right neighbor, the two bottom left icons disappear. 🙄

(hmmm I’m not sure, you’ll can open my screenshots 🤔)

[Patricia]

It might be better with the link below 😅

[Fernando]

Some SVGs have a white color.

Try adding this through Appearance > Customize > Additional CSS:

.gb-grid-column.gb-grid-column-2fb24012 svg path {
    fill:  #000;
}

Change #000 to your preferred color value.

This code changes the color of your SVGs in that section.

[Patricia]

It is indeed a color problem! I changed it before importing the icons and that’s what’s wrong!
Bravo Fernando, you solve all the problems 🤗
Thanks a lot for your help

[Fernando]

You’re welcome, Patricia! 🙂

[Author]

Posts