Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 1, 2019 at 3:12 pm #1143783
    Thina

    Hi,

    the font color of my main menu and the search icon is white, as my hero headers are dark.
    The font color of the links on the sticky header is black as the logo area has a white background.
    So far so good, but the search icon stays white.
    How can I change that?

    One of you Guys gave me that code to change the font color of the links which works perfekt

    .header-scrolled #avia-menu li a .avia-menu-text {
    color:#000 !important;
    }

    #top #header .av-main-nav > li > a .avia-menu-text {
    color: #000 !important;
    }
    .html_header_glassy #top #header .av-main-nav > li > a .avia-menu-text {
    color: #fff !important;
    }
    .html_header_glassy #top #header.header-scrolled .av-main-nav > li > a .avia-menu-text {
    color: #000 !important;
    }

    This is the Website

    Home

    Best regards
    Bettina

    October 1, 2019 at 5:06 pm #1143845
    Jordan Shannon

    Hey Bettina,

    Add this to quick css:

    .header-scrolled-full #menu-item-search a{
color:#000!important;
}

    Best regards,
    Jordan Shannon

    October 1, 2019 at 5:17 pm #1143849
    Thina

    Hi Jordan,

    unfortunately it doesn’t work.

    Stupid me – I sent that message and did not empty my cache – I’ll try it and in case it still doesn’t work I come back to you.

    Best regards
    Bettina

    • This reply was modified 5 years, 1 month ago by Thina.
    October 1, 2019 at 5:21 pm #1143851
    Jordan Shannon

    Hi,

    Yes please clear the cache few times over. And add the code to the top of quick css so it runs first.

    Best regards,
    Jordan Shannon

    October 31, 2019 at 3:42 pm #1152759
    Thina

    Thank you – it works!

    Best Regards
    Bettina

    November 1, 2019 at 12:57 pm #1153001
    Rikard

    Hi,

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

    Best regards,
    Rikard

    December 6, 2019 at 2:40 pm #1163388
    Thina

    Hi Rikard,

    it is almost perfekt!
    One little thing
    • one the home page the menu and loupe color starts white because there I have dark images and a transparent and glassy header the color turns gray while scrolling
    • but on pages with no transparent and glassy header only the menu color is gray – the loupe starts white und turns gray while scrolling

    Could you please adjust the code for me?

    Thank you
    Bettina

    December 6, 2019 at 3:33 pm #1163395
    Jordan Shannon

    Hi,

    Apologies, I’m not understanding the issue. Can you screenshot?

    Best regards,
    Jordan Shannon

    December 6, 2019 at 4:07 pm #1163408
    Thina

    Hi Jordan,

    sorry …
    I try it again because I don’t know how to screenshot that.

    • Home Page
    – the color of the links of the main menu and the loupe (magnifying glass – search icon) are white because I have dark images and a transparent and glassy header
    – as soon as I scroll the links and the loupe turn grey and the header-background turns white

    • Other Pages
    – the color of the links of the main menu are grey – but the color of the loupe (magnifying glass) is white ( as on the home page) on the white main menu background
    – as soon as I scroll the links and the loupe turn grey
    – so the loupe is only visible when I start scrolling as it turns grey than

    how can I add screenshot?

    see the home page: https://www.sbot.co.at
    and one of the other pages https://www.sbot.co.at/unternehmen/

    Best regards
    Bettina

    December 8, 2019 at 2:11 pm #1163776
    Mike

    Hi,
    Sorry for the late reply and thank you for explaining and the links. So to correct for pages that don’t have the transparent header Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top #header:not(.av_header_transparency) #menu-item-search a {
    color: #000!important;
}

    Best regards,
    Mike

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