Docs

[tmorrison]

Hi there,

I would love some help on changing the color of one link on a page within the body content. I’ve tried adding a new id, then a class (based on another topic I read) but I’m obviously missing something because neither worked. I’m using the Renew stack and my page is here: http://cmtgroup.tmdhosting610.com/

Thank you,

– Tammy

[Rue Nel]

Hello Tammy,

Thanks for writing in!

Are you referring with this link code?

<a href="https://docs.google.com/forms/d/1sfhQG4fOkMIZAlJr6Oe1vtcDAjPKZdrXREwX9_i693w/viewform?usp=send_form"><span style="color: #ffffff;">Click Here to sign up to be the first to know when we launch in your city!</span></a>

I would suggest that you use this link code instead:

<a class="my-custom-link" href="https://docs.google.com/forms/d/1sfhQG4fOkMIZAlJr6Oe1vtcDAjPKZdrXREwX9_i693w/viewform?usp=send_form">Click Here to sign up to be the first to know when we launch in your city!</a>

And then please insert the following custom css in the settings tab, Settings > Custom CSS

.my-custom-link {
  color: #fff;
}

.my-custom-link:hover {
  color: red;
}

Please let us know if this works out for you.

[tmorrison]

This reply has been marked as private.

[Rad]

Hi there,

It’s working, but your link color is white. You should change you color to something else, and it should be configurable at Admin > Appearance > Customizer > Typography > Site links.

Or you can just add color:#000; to your link. Like this,

<a class="my-custom-link" style="color:#000;" href="http://www.wsj.com/articles/uber-vs-the-new-taxi-hailing-apps-1444412846" target="_blank">View Article</a>

Cheers!

[tmorrison]

Hi there,

That didn’t work but I sorted it out. Thanks,

– Tammy

[Jade]

You’re welcome Tammy.

[Author]

Posts