Hi
I am currently using the glassy menu, but require the top header with the social media icons and phone number in it to be black. Can I have the requisite Quick CSS, please?
Cheers
A
Hi
I have succeeded by using
#header_meta {
background: #000000!important;
}
I just need to get the white border showing below the top header (the same as when you scroll) – it would appear that the brightness of the border is also controlled by the glassy header class.
A
Hi A,
Can you post a link to your site? so we can check it.
Best regards,
Nikko
Sorry Nikko – http://www.silhouettesystems.com.au
Hi,
Thanks for that. :) Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .av_header_glassy.av_header_transparency #header_main {
border-bottom: 1px solid rgba(255,255,255,1) !important;
}
Hope this helps :)
Best regards,
Nikko
Hey Nikko
It works beautifully, but it is the wrong border – I want to change the top border of the glassy header, not the bottom border. I tried substituting “border-top” for “border-bottom”, but it didn’t work.
Andy
Hi Andy,
Try using this css code:
#top .av_header_transparency #header_meta {
border-bottom: 1px solid rgba(255,255,255,1) !important;
}
Hope this helps :)
Cheers!
Nikko
Works perfectly!
Thanks Nikko, for your always outstanding support :)
Andy
Hi,
You’re welcome. Thanks for your kind words and for using Enfold :)
Best regards,
Nikko