Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1469550

    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?

    #1469551

    So yes, I only want the orange circle to be transparent, not the logo at the top. How can i do this?

    #1469552

    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;
    }
    #1469556

    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.

    #1469573

    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

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘SVG transparent’ is closed to new replies.