Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 22, 2023 at 1:52 pm #1408138
    MadRhino

    Hi,
    I’m wondering how to create a transparent header with a different menu color (black rather than white) than is defined in the General styling sections of Enfold.
    A corresponding support post suggests adding
    .page-id-1672 .av_header_transparency span.avia-menu-text {
    color: black;
    }
    to the Quick CSS, but it doesn’t work for me. Even if it did, it would fix the issue of having to use a dark/transparent version of my logo over the white one.

    Many thanks, guys.

    May 22, 2023 at 2:51 pm #1408143
    Nikko

    Hi MadRhino,

    I think the reason it might not be working with you is because of this part: .page-id-1672 you’ll need to use the page ID that is used on your site.

    Best regards,
    Nikko

    May 22, 2023 at 3:59 pm #1408158
    MadRhino

    Hi, Nikko,

    Funny, I somehow expected this comment, but rest assured I used the proper page-id (13079), and it’s still not working.

    Thanks

    May 23, 2023 at 4:05 pm #1408281
    Nikko

    Hi MadRhino,

    I see, can you try adding !important, for example:

    .page-id-13079 .av_header_transparency span.avia-menu-text {
    color: #1b1b1b !important;
}

    Hope it helps.

    Best regards,
    Nikko

    May 23, 2023 at 4:50 pm #1408300
    MadRhino

    Hi Nikko,

    Thanks; This did the trick as far as the menu color will be concerned.

    Now, this leaves the question if there’s a way to pull the regular dark logo just on this one page – rather than the white one that’s typically associated with transparent header settings.

    Again. many thanks for your time and helps with this.

    May 23, 2023 at 5:12 pm #1408308
    Nikko

    Hi MadRhino,

    You’re welcome, please try to add this CSS code:

    #top.page-id-13079 .av_header_transparency.av_alternate_logo_active .logo a > img {
    opacity: 1;
    filter: alpha(opacity=100);
}

#top.page-id-13079 .av_header_transparency .logo img.alternate {
    opacity: 0;
    filter: alpha(opacity=0);
}

    Best regards,
    Nikko

    May 24, 2023 at 8:35 am #1408388
    MadRhino

    Hi Nikko,

    Works like a charm. Thank you so much. You guys rock.

    May 24, 2023 at 11:39 am #1408404
    Rikard

    Hi,

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

    Best regards,
    Rikard

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