I have adjusted the link color in Theme options under typography, and added customer CSS. On some pages the links look right. on others, the link color is black with the wrong color for the hover. No active color is showing.
https://www.ruthieopostpartum.com/policies/
Here is the CSS used.
a:link {
color: #008080;
}
/* visited link */
a:visited {
color: #6e9999;
}
/* mouse over link */
a:hover {
color: #5fb7b7;
}
Hi @EpiphanyHealth,
Thanks for writing in.
I’ve checked your website and I don’t see a black menu color, the menu was set to white color "#ffffff" and when it is on the current page and state of hover the color is set to "#f86e71". I also checked the other pages and I can’t replicate your issue.
Regarding your custom css code, your custom css code works but you have other custom css code that more above with the custom css you provided.
Hope that helps.
Thank you.
I’m not sure what you mean, the only other CSS I have added is to block Facebook messenger from the page. Which also is not working on Safari.
Also, this is not for the menu, it’s for links on the page itself.
Hi @EpiphanyHealth,
The following code does not guide us to the issue you are trying to point out, and I can see the link is not black as you mentioned.
Although we don’t offer any support to the custom code and issues due to the custom codes. Still, we are curious to know what is the issue you are having.
Any screenshot marked with the issue or any videos will help us to diagnose.
Thanks
In the area saved, the bold dark area should match the color in the css above for the link. Instead it shows a dark grey/black color.!
Hi @EpiphanyHealth,
Upon checking on your website again, I guess you are done fixing your issue, see the screenshot below.
Let us know how it goes.
Thank you.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
