Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1410902

    Hallo zusammen, ich habe leider wieder ein Problem mit transparenten Header. Logos sind SVGs, mehrfach die Logos getestet sind OK, nur wird leider beim scrollen nicht das dunkle Logo anzeigt. Hattet ihr das schon mal? Wer kann helfen?

    #1410981

    Hey Timo,
    Please check your SVGs they are both using the same classes st0 and same ID Ebene_1
    Enfold_Support_2370.jpeg
    Instead of adjusting your SVGs you could try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #header.header-scrolled #Ebene_1 .st0{fill:#003160;}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1411039

    Hallo Mike,

    Danke! Auf Dich ist verlass! Der CSS Code läuft.

    Nur – wie kann ich in Zukunft damit besser umgehen die SVG gleich richtig zuerstellen? Oder waren die SVGs okay?

    • This reply was modified 1 year, 5 months ago by tjg.
    #1411057

    Hi,
    Glad that this has helped, since it is working I use it, but in the future try making each image use different IDs as in my screenshot,
    Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,
    Mike

    #1411062

    This is a problem of adobe illustrator – they do alway set the same classes ( st0, st1 etc. )
    I do open these svgs in a good texteditor – and change those class names to something different – but be carefull – you had to think of not to change only in the styles but also in the path etc. the class=”st0″ etc.

    PS : if you go and Group inside Illustrator the parts of your logo – and name these Groups – these Names became ID’s in the svg code.

    you can have your own grapic-styles on : goto Window – Graphic Style ( Fenster – Grafikstile ) create a new one:
    then the classes are named that new style ( and not st1, st2 etc )

    Next tip: if you only want to change a fill color inside an inline svg – you do not need to upload a different logo. That is one of the big advantages of inline svg. you can select that group or class by quick css. So just use one logo – and on transparency change the fill color by css – or after scroll.

    f.e.:

    #header.av_header_transparency .st0 {
      fill: red !important;
    }
    #1411068

    Hi Günni,

    MEGA! Danke für die Info, dass wird bestimmt vielen anderen auch helfen! Werde ich in Zukunft beachten.

    #1411082

    Hi,
    Thank you Guenni007 for sharing

    Best regards,
    Mike

    #1411381

    ich persönlich bearbeite die svgs nach in einem guten Texteditor. Dort tausche ich dann durch “suchen und ersetzen” die klassen aus und setze wenn nötig noch Gruppen Identitäten.

    I personally edit the svgs in a good text editor. There I replace the classes by “search and replace” and set group ID’s if necessary.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.