I would like to make the social media buttons in the secondary header a little larger and ideally match the brand colors, not the theme colors. Where would I find the CSS to do this?
Add this into the Custom CSS box located in your Salient Options panel :
html body #header-secondary-outer ul {
height: 42px !important;
}
html body #header-secondary-outer #social li a {
padding: 8px 10px 8px 10px!important;
height: 26px!important;
line-height: 29px!important;
}
html body #header-secondary-outer #social i {
height: 18px!important;
line-height: 18px!important;
font-size: 18px!important;
}
I would like to make the social media buttons in the secondary header a little larger and ideally match the brand colors, not the theme colors. Where would I find the CSS to do this?
Hey!
You will have to write custom css. Please see: www.woothemes.com/videos/how-to-use-firebug-to-mod... .
Thanks
ThemeNectar Support Team
Is there no accessible CSS that's controlling the size/color of those social media buttons that I can simply modify?
Hey!
html body #header-secondary-outer ul { height: 42px !important; } html body #header-secondary-outer #social li a { padding: 8px 10px 8px 10px!important; height: 26px!important; line-height: 29px!important; } html body #header-secondary-outer #social i { height: 18px!important; line-height: 18px!important; font-size: 18px!important; }
ThemeNectar Support Team
Perfect, thanks!