Hi
i just activated the glassy header in Enfold. It looks fine but the background for the top header (where the social icons are) is also transparent.
Is there a way that this header get the normal color from the theme and has no transparency?
thanks
Hey Siracher!
You can change all the setting from the available options from Enfold > General Styling > Logo Area If you still have questions please share the link to the page where we can see the element in question so we can help you better :)
Regards,
Vinay Kashyap
Hi Vinnie
sorry for the late reply, I was not in the office.
I am aware of this area to modify the colors etc. I aso tried a custom CSS.
here’s the link to the page: http://www.grünenfelderbau.ch
as you can see index page is using the glassy header.
I want the top bar to show also a grey background as on the other pages.
thanks a lot
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#header_meta {
background: #f8f8f8!important;
}
Cheers!
Yigit
Hi Yigit
thanks a lot! it works fine. Just a minor issue. The social icons are now barely visible.
Could you let me know the css to give them the same behavior as on the subpage in normal status and on mouse hover?
thanks a lot!
Hi!
Add this css code:
.av_header_glassy.av_header_transparency .social_bookmarks li, #top .av_header_glassy.av_header_transparency .social_bookmarks li a {
border-color: rgba(255,255,255,0.25);
color: gray;
}
Best regards,
Ismael
HI Ismael,
thanks works perfect!
cheers