Tagged: link styling
Hello,
I often need to manually override the default link color when links are used against a dark background in a color section. Inline CSS does not override the default link color in these cases. What is the solution for this?
Regards,
Hank
Hey ihf-eramstad,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Provided in private – thanks.
Hi,
Thanks for that. You have this CSS applying on your site:
.avia_textblock a, #features a, #mls-attributes a, #mls-details a, .av-subheading_below a, .page-id-1772 .iconbox_content_container a, .iconbox_content_container a, .template-blog a {
color: #368fa5 !Important;
}
Please remove it, or remove the !important bit, then your inline styling should apply again.
Best regards,
Rikard
Hi Rikard,
Thank you. I finally got to testing this. If I remove that CSS or just the !important bit, the link styling is removed across the entire site.
Hi,
Sorry for the very late reply and thanks for the login. Unfortunately, I could not find the text referenced or any other text link on that page, do you have another example page?
I believe that the issue can be solved with more specific css, typically links like the ones you are trying to target are also influenced by another tag such as H1, span, p, etc.
So if your link is in a special heading element in a color section with the custom ID “features”, you would want to try #features > h2 > a
instead of #features a
*for example.
If I could see examples of these links I’m sure we can sort this out.
Best regards,
Mike