Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 4, 2021 at 6:30 pm #1327837
    KateStuartDesign

    Yesterday I updated my ENFOLD theme and the custom CSS I was using for the navigation (logo and glassy header) is no longer working. Please advise if I need to use different CSS. I have put the URL in the private content link.:

    /* NB for SVG logo */
    .logo img { width: 300px; height: auto;
    position: relative; top: 15px;
    } !important;

    #top .av_header_glassy.av_header_transparency #header_main {
    background-color: rgba(255,255,255,0.5);
    }

    November 5, 2021 at 7:17 am #1327874
    Guenni007

    the ” !important;” is really outside that curly bracket ? ;)

    November 5, 2021 at 8:07 am #1327891
    Rikard

    Hi,

    You are using an SVG logo, so you can’t target the img tag, since there isn’t one. Try this instead:

    .logo svg { 
  width: 300px; 
  height: auto;
  position: relative; top: 15px;
}

    Your CSS looks a bit strange as @guenni007 pointed out, so if the rest of your CSS is not working, then please check it in a tool like this: http://csslint.net/

    Best regards,
    Rikard

    November 5, 2021 at 10:54 am #1327927
    KateStuartDesign

    Thank you both that worked. Its interesting because the old code really did work before. I have used it on lots of my other enfold sites. At least now I have the right code that I can use if the same problem occurs elsewhere. Thanks again.

    November 6, 2021 at 5:13 am #1327984
    Rikard

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    November 6, 2021 at 12:36 pm #1328010
    KateStuartDesign

    Thanks. This is solved so can be closed.

    November 7, 2021 at 7:05 am #1328085
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘SVG logo styling not working since upgrade.’ is closed to new replies.