-
AuthorPosts
-
July 17, 2015 at 10:49 pm #475173
How do i change the font colours and social icons colours on transparent menu only on no-scroll state?
July 19, 2015 at 8:45 pm #475451Hi Haybazak!
You can use the below css to edit the color of the social icons and phone info: while in no-scroll.
<strong>This is for no-scroll</strong> #top #header_meta .phone-info { color: #23408e; } <strong>This is for scrolled</strong> #top .header-scrolled #header_meta .phone-info { color: gray !important; }
The below css is for the trans menu:
<strong>This is for no-scroll</strong> #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a { color: inherit; border-color: transparent; background: transparent; } <strong>This is for scrolled</strong> .header_color.header-scrolled .main_menu ul:first-child>li>a { color: #23408e; }
Regards,
DakeJuly 20, 2015 at 5:01 pm #475953Hi Drake,
I am trying to do the same thing. I would like to change the color of social icons on top right on a transparent menu on no scroll from gray to white. On mouse hover I do not want to change anything. see here: fritzimages.com
I have worked with enfold before and have some custom CSS :
.iconbox_top .iconbox_content { padding-top: 30px !important; }
#top .iconbox_top { margin-top: 0px!important; }.av_header_transparency .logo { opacity: .95; }
.logo { opacity: .95; }Can you tell me what css I should add additionally to my custom code ?
thanks
July 20, 2015 at 7:30 pm #476050Hey!
In order to tell you the exact css, may we have temporary access to your website?
I’m unable to check anything since right clicking is disabled.
Regards,
DakeJuly 20, 2015 at 7:37 pm #476061info provided in private content.
I would like the social icons on the right side to behave like the top left side menu.
thanks
July 20, 2015 at 8:22 pm #476100Hey!
Can you double check the username you posted, I’m getting an error when trying to log in.
Regards,
DakeJuly 20, 2015 at 11:07 pm #476182Username attached in private content
July 20, 2015 at 11:32 pm #476195Hi!
I’m not sure why but I’m still getting an invalid username error with the below:
Best regards,
DakeJuly 20, 2015 at 11:37 pm #476196Login info
thanks
July 21, 2015 at 12:12 am #476214Hi!
I’m in :)
Just one more thing however, are you ok with me deactivating the “WP-CopyProtect [Protect your blog posts]” for a short moment to view the required css?
Best regards,
DakeJuly 21, 2015 at 1:36 am #476243Hi so thoughtful for you to ask…..No…I don’t mind …….go ahead
July 21, 2015 at 1:59 am #476248Hi!
Your social icons are now set to white by default thanks to the below css:
#top #wrap_all .social_bookmarks a { color: #ffffff !important; }
Regards,
DakeJuly 21, 2015 at 3:05 am #476267Thanks Drake,
But you may have missed my comments further in the thread……. I need the icons to behave like the top menu. So that when you scroll down the header goes white and the icons would go from white to gray. You can see now that , this icon configuration goes invisible when you scroll down….
If you could please take a look at it again…
thanks !
July 22, 2015 at 6:57 am #476882Hi!
Add this code to fix the social icons when you scroll down:
#top #wrap_all .header-scrolled .social_bookmarks a { color: gray !important; }
Best regards,
IsmaelJuly 22, 2015 at 2:34 pm #477073Thanks for your support, it is a tweak that has been buging me for a long time…thanks
-
AuthorPosts
- The topic ‘Changing font colours and social icons on transparent menu only on no-scroll?’ is closed to new replies.