[gabriellavanrijParticipant]

I have very odd problem. Please see picture. I have one “read more” text that turns white after I add a hyperlink to it. See picture. I’d like the hyperlink text to be black. As it is, no one can read the text.

I am running a child version of X 4.3.4 on WP 4.4.2.

Thank you for your help!

http://gabriella.global/speaker/

[gabriellavanrijParticipant]

Oh, and how would you do it so that this applies just for that one content band?

Thanks!

[LelyModerator]

Hi There,

Thank you for the screenshot. You site link font color might be default to white. We can set font color on this specific link like this:
<a href="http://site.com" style="color:black;">Readmore</a>

Hope this helps.

[gabriellavanrijParticipant]

Any other suggestions? That did not work.

[John EzraMember]

Hi there,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

body.page-id-64 div#x-content-band-3  p em a:link {
    color: black!important;
}

body.page-id-64 div#x-content-band-3  a:link:hover {
    color: #ad2727!important;
}

Hope this helps – thanks!

[gabriellavanrijParticipant]

Ok, it works a tiny bit now. If I hover over it, I can see the link, but when I don’t hover, it is gone.

A tiny bit more help please? 🙂

[Rue NelModerator]

Hello There,

That is because in your child theme’s common.css and child theme’s style.css, you can these codes:

body a:link{ color:#fff;}
body a{ color:#fff;}

a
{
    color: inherit;
    text-decoration: inherit;
}

a:link
{
    color: #0000FF;
    text-decoration: underline;
}

a:visited
{
    color: #800080;
    text-decoration: underline;
}

a:hover
{
    color: #0000FF;
    text-decoration: underline;
}

a:active
{
    color: #EE0000;
    text-decoration: underline;
}

Please try to update the code and use this instead:

body.page-id-64 div#x-content-band-3  p em a:link,
body.page-id-64 div#x-content-band-3  p em a,
body.page-id-64 div#x-content-band-3  p em a:active {
    color: black!important;
}

body.page-id-64 div#x-content-band-3  p em a:hover {
    color: #ad2727!important;
}

Hope this helps.

[gabriellavanrijParticipant]

That worked!! Thank you so much!

[NicoModerator]

Happy to hear that.

Feel free to ask us again.

Have a great day! 🙂

[Author]

Posts