Hello, I want the footer links hover colour to be #fa635b but for some reason I cannot get this to work - is there a bug where the 'footer-font-colour' in the theme options overrides this as if I clear that option with no colour (which defaults to #ccc) I get the hover state I want.
Thank you for your help - almost there. The text that isn't linked has a hover colour but the paragraph text that is a link such as BLOG and CASE STUDIES still don't have a hover colour. Any ideas please? Thanks
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#footer-outer #footer-widgets .col p a:hover {
color: #fa635b !important;
}
Thank you I already have !important on it. Please see screenshot for the styles that are overriding this somehow. they are not in my Custom CSS so I don't know where they are being pulled from?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
I do have a bit of a problem with my custom CSS file being overloaded with !important statements. I've never had to use so many in other themes. IN fact nearly all my custom code has important statements to make them work. Is this normal?
Hello, I want the footer links hover colour to be #fa635b but for some reason I cannot get this to work - is there a bug where the 'footer-font-colour' in the theme options overrides this as if I clear that option with no colour (which defaults to #ccc) I get the hover state I want.
i'd appreciate the help thanks
Thank you for your help - almost there. The text that isn't linked has a hover colour but the paragraph text that is a link such as BLOG and CASE STUDIES still don't have a hover colour. Any ideas please? Thanks
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#footer-outer #footer-widgets .col p a:hover { color: #fa635b !important; }Thanks
ThemeNectar Support Team
Hi Tahir,
Thank you I already have !important on it. Please see screenshot for the styles that are overriding this somehow. they are not in my Custom CSS so I don't know where they are being pulled from?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#footer-outer a:not(.nectar-button):hover { color: #F44336 !important; }Thanks
ThemeNectar Support Team
Perfect thank you.
I do have a bit of a problem with my custom CSS file being overloaded with !important statements. I've never had to use so many in other themes. IN fact nearly all my custom code has important statements to make them work. Is this normal?
Thank you for you help
Yes its normal when you have so many features in a single theme.
Best
ThemeNectar Support Team