Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 18, 2015 at 11:19 pm #414035
    nickamis

    Hi,

    How do I change the font colour of social media icons and top menu text? I have some pages with transparent sticky menu and some without transparency. I would like the text to be black on non-transparent menus and white on transparent.

    Thanks

    March 19, 2015 at 10:05 am #414240
    Rikard

    Hi Nick!

    Please try the following in Quick CSS under Enfold–>General Styling: 

    .header_color .social_bookmarks a{
color:red !important;
}

    Cheers!
    Rikard

    March 19, 2015 at 10:50 am #414261
    nickamis

    Ok. So how do I have different font colours when the transparency is removed on scrolling down the page? I need it to be black when the menu is transparent and white when it is not – due to it being a sticky header.

    March 19, 2015 at 11:51 am #414297
    Yigit

    Hi!

    Please add following code to Quick CSS to change the colors when transparency is active

    .av_header_transparency .social_bookmarks a{
color: orange !important;
}

    Cheers!
    Yigit

    March 19, 2015 at 3:04 pm #414453
    nickamis

    That has fixed the social icons. Thanks. How do I do the same with the Top menu in the same bar? The telephone number colour changes as expected but not the menu text.

    March 19, 2015 at 3:06 pm #414459
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    <Cdoe>.av_header_transparency .sub_menu>ul>li>a { color: orange !important; }

    Regards,
    Yigit

    March 19, 2015 at 3:24 pm #414494
    nickamis

    All sorted. Great stuff. Thanks!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Social Media Icons and Top Menu Font Color’ is closed to new replies.