Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1265891

    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

    #1266043

    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

    #1266067

    Provided in private – thanks.

    #1266261

    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

    #1281563

    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.

    • This reply was modified 3 years, 10 months ago by ihf-eramstad.
    #1282668

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.