H3 Links showing up as white, not blue

  • Running wordpress 6.0.2 and Modularity Lite theme. I have some text that I would like to apply an H3 tag to but also have them be hyperlinks. When I add links to the text with H3 tags wrapping it, the links show up as white on the live page instead of blue like they normally do. I tried using inline css, like below:

    <h3 style="color: blue;"><strong><a href="https://MYSITE.com" target="_blank" rel="noopener">Project Overview</a></strong></h3>

    On the live site, the link still shows up as white and not blue. What gives??

Viewing 4 replies - 1 through 4 (of 4 total)

  • @auser0912387 You styled the H3 but the link style is overriding it. Try your code like this:

    <h3><strong><a style="color: blue;" href="https://MYSITE.com" target="_blank" rel="noopener">Project Overview</a></strong></h3>

    Thread Starter auser0912387

    (@auser0912387)

    Thanks wlpdrpat, that worked! Now, is there any way to make the links white when I hover over them, like the rest of the links on my site do? I’m just trying to make these links function like the rest of my site. For some reason, the H3 seems to be messing with the normal function/appearance of these links and I’m just trying to restore that normal look when using H3 and links at the same time.

    @auser0912387 To create the hover change requires a change to your code and adding some custom css.

    Use this code:

    <h3 id="linked"><strong><a href="https://MYSITE.com" target="_blank" rel="noopener">Project Overview</a></strong></h3>

    Add this custom css via Appearance > Customize and then choose Additional CSS:

    h3#linked a {color:blue;}
h3#linked a:hover {color:white;}
    Thread Starter auser0912387

    (@auser0912387)

    You the man(or woman)! Thanks for the help ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘H3 Links showing up as white, not blue’ is closed to new replies.