Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 13, 2018 at 10:44 am #941397
    anma

    Hello,

    I can’t find how to change the color of the social bookmaks on a transparent header – the menu color is white and the social icons should be too.
    While scrolling the color od the text and the icons is correct, they get grey.

    http://newdinard.marsandcogroup.com – on top right with no scrolling t the icons should be white and not dark grey.

    Please can you help,

    Thank you,

    Best, AB

    April 13, 2018 at 11:07 pm #941727
    Basilis

    Hey anma,

    Please add

    #top #header_meta a { color: #fff !important; }

    and let us know if that works out

    Best regards,
    Basilis

    April 16, 2018 at 3:26 pm #942605
    anma

    Hi Basilis,

    Thank you but this does not work – icons are now white but as soon as you start to scroll the text on the top bar keeps white and it should stay dark grey.

    Please check in the backend,

    Thank you in advance,

    AB

    April 16, 2018 at 5:51 pm #942685
    Jordan Shannon

    Hi,
    Try this on quick css instead:

    #top #header_meta .social_bookmarks a { color: #fff !important; }

#top .header-scrolled-full #header_meta .social_bookmarks a { color: black !important; }

    Best regards,
    Jordan Shannon

    April 16, 2018 at 6:32 pm #942706
    anma

    Hello Shannon,

    Thank you, I thought this works but in fact it works only on the home page, if you click to another page the icons get white again and are not visible anymore as the top header has a white background.

    Any other ideas ?

    Thank you so much,

    Best, AB

    April 17, 2018 at 12:38 am #942835
    Jordan Shannon

    Hi,

    That should be general for all pages. Please try clearing the cache a few times over and testing again.

    Best regards,
    Jordan Shannon

    April 17, 2018 at 9:54 am #943025
    anma

    Hi Jordan,

    Thank you I did so, but unfortunately the icons stay white on the other pages. I deleted the cache and the history of the browser, check yourself please.

    best,

    Andrea

    April 17, 2018 at 5:50 pm #943178
    Jordan Shannon

    Hi,

    I see. Please make the following adjustments:

    #top.page-id-4 #header_meta .social_bookmarks a { color: #fff!important; }
#top #header_meta .social_bookmarks a { color: #000!important; }
#top .header-scrolled-full #header_meta .social_bookmarks a { color: black!important; }

    Best regards,
    Jordan Shannon

    April 17, 2018 at 6:23 pm #943200
    anma

    Hi Jordan,

    This works now like a charm, great support as ever,

    Thank you,

    Best, AB

    April 17, 2018 at 6:26 pm #943202
    Jordan Shannon

    Hi,

    Great! I’m glad I was able to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Social icon color on transparent top header – color change’ is closed to new replies.