The links in the Footer/Copyright area do not perform properly. In the Footer, while the links appear in their assigned color (orange) they do not change color to black when I hover. Also, in the Copyright area the link to the web designer is black and does not appear in it's proper color (Orange). I've gone under Appearance > Customize and tried to manipulate the footer but to no avail. How do I fix this? Thanks, Victor
1. For the footer's hover color, please try to set it to another color first (eg. green), then set it back to black color again. See if this helps.
2. For the copyright's link color, it by default uses different style from the normal footer area. The link will be black with underline as you can see from the demo site. For this, you would need to use custom CSS to adjust that. Go to "Style Customizer > Others > Custom CSS" and try using this code:
#footer-bar a {
color: orange !important;
}
In case you would like to use custom CSS for other elements, I would recommend "Developer Tools" on Chrome or "Firebug" on Firefox to inspect the elements on the page. Then you can know which CSS selector to adjust.
The links in the Footer/Copyright area do not perform properly. In the Footer, while the links appear in their assigned color (orange) they do not change color to black when I hover. Also, in the Copyright area the link to the web designer is black and does not appear in it's proper color (Orange). I've gone under Appearance > Customize and tried to manipulate the footer but to no avail. How do I fix this? Thanks, Victor
Hi Victor,
1. For the footer's hover color, please try to set it to another color first (eg. green), then set it back to black color again. See if this helps.
2. For the copyright's link color, it by default uses different style from the normal footer area. The link will be black with underline as you can see from the demo site. For this, you would need to use custom CSS to adjust that. Go to "Style Customizer > Others > Custom CSS" and try using this code:
#footer-bar a { color: orange !important; }
In case you would like to use custom CSS for other elements, I would recommend "Developer Tools" on Chrome or "Firebug" on Firefox to inspect the elements on the page. Then you can know which CSS selector to adjust.
Regards,
Paul
#1 worked out fine.
#2 nothing changed.
I would like to maintain link color consistency across the site including the copyright area. Any other suggestions?
Hmm. Actually the custom CSS should work. What is your site URL so I could have a look on that?
Thanks for the info, Victor.
As I have checked, you have put "|" instead of "!" right before the "important" in the CSS code so that's why it could not work. :)
I already changed that and now the link in the copyright area is now orange.
Aghhhhhhh These are the things that can make you go crazy. Thank you very much!