I'm trying to find where I can change the setting for the icon colours on the dark transparent header option. I'm sure it's really simple but I've tried and tried and haven't been able to find which setting affects this.
If you scroll down to the blue row on the home page, you'll see the logo changes colour, but the social icons go dark. I've been trying to change the social icon colours to a teal or lighter grey, but I just haven't been able to do so.
I'd be grateful if you could point me to the place in the settings where I can change this.
Try adjusting the Colors in here or use below Custom CSS:
Click To Open Larger Image.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#header-outer.dark-text #top nav >ul >li >a, #header-outer.dark-text #top nav ul #search-btn a span, #header-outer.dark-text #top nav ul #nectar-user-account a span, #header-outer.dark-text nav >ul >li >a >.sf-sub-indicator i, #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer[data-lhe="default"].dark-text #top nav .sf-menu .current-menu-item >a {
color: #ffc000 !important;
}
#header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a .lines:before, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a .lines:after {
background-color: #ffcc00 !important;
}
Hi,
I'm trying to find where I can change the setting for the icon colours on the dark transparent header option. I'm sure it's really simple but I've tried and tried and haven't been able to find which setting affects this.
If you scroll down to the blue row on the home page, you'll see the logo changes colour, but the social icons go dark. I've been trying to change the social icon colours to a teal or lighter grey, but I just haven't been able to do so.
I'd be grateful if you could point me to the place in the settings where I can change this.
Thank you!
Hi Qfactor,
I am unable to access your website, Please check this out:
Thanks.
That's strange. I've been working on it all this while and it seems to be running fine. Could you please check again?
It seems to be working right now.
Hi Qfactor,
Please send in your login details so that we can look further into the transparency settings.
Thanks.
Hey Again,
Try adjusting the Colors in here or use below Custom CSS:
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#header-outer.dark-text #top nav >ul >li >a, #header-outer.dark-text #top nav ul #search-btn a span, #header-outer.dark-text #top nav ul #nectar-user-account a span, #header-outer.dark-text nav >ul >li >a >.sf-sub-indicator i, #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer[data-lhe="default"].dark-text #top nav .sf-menu .current-menu-item >a { color: #ffc000 !important; } #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a .lines, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a .lines:before, #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a .lines:after { background-color: #ffcc00 !important; }Thanks
ThemeNectar Support Team
I'd already tried fiddling with those options, but they didn't seem to affect the icons on scrolling, once it overlapped a coloured row.
The CSS you recommended worked like a charm, as always. This was exactly what I was looking for.
Thanks a lot Tahir and Judith. Much appreciated. Please consider this ticket closed.