Hello,
suddenly the LOGO SVG at the top has gone grey. It is supposed to be black. It happened after I added the SVG image to the color section. What could that be?
So yes, I only want the orange circle to be transparent, not the logo at the top. How can i do this?
The logo is an inline svg file – is your svg inside the color-section an inline svg too?
– Why asking this: if you got two inline svg files with the same classes inside ( and that often happens if you use illustrator – because if you do not set the grafic styles – illustrator uses in former times st as class – now it is : cls ).
now your logo is often the first svg on your DOM – if now the next svg has a different color setting for that standard class – it will determine the color for all those classes for the whole page – (cascading style sheet).
eg: if the class inside the logo there is : .st1{fill:#EB5F3D;}
and another st1 is on that page – this will determine the fill color.
so – be more specific in your selectors:
e.g.:
#top.page-id-123 .avia-svg-logo .st1 {
fill: #FFFFFF;
}
yes thank you I changed the Sts in the svg code and it worked. But in the end I decided to go with a PNG becasue the SVG code caused loading problems and made the whole page very slow. Who knows whatever else conflicting code was in it.
Hi,
Glad to hear that you have this sorted out, with Guenni007’s help if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike