topic Re: Want to change one link color without changing them throughout my site. in Blog, Website & Page Publishing

Want to change one link color without changing them throughout my site.

annie100 — Thu, 15 Aug 2019 16:17:43 GMT

I have blue links throughout my blog, but in the footer it is on a blue background so I want it to be white in the footer without changing all the links to white. I tried building a custom class but that didnt work.

Here is a preview is my blog:

https://blog.centraldatastorage.com

.whitelink{ {% set linkColor2 = "#fff" % !important;}}

a {
color: {{ linkColor2 }};
text-decoration: none;
}

Any help would be great thanks!

Re: Want to change one link color without changing them throughout my site.

Josh — Thu, 15 Aug 2019 17:27:20 GMT

Hi @annie100,

Try adding a specific css reference to the div that the specific link lives in.

.hhs-contact-con a:link {color: #fff !important}

.hhs-contact-con a:hover {color: #4bc860;}

This would be added to your CSS file, lower in the page than the first reference to the link color.

That's probably what I would try first.

Josh

Re: Want to change one link color without changing them throughout my site.

annie100 — Fri, 16 Aug 2019 18:10:14 GMT

Josh, Thank you so much. That worked, you are truly amazing!

Re: Want to change one link color without changing them throughout my site.

Josh — Fri, 16 Aug 2019 19:04:39 GMT

Thanks for the update, I'm happy it worked! When you can, please mark it as an accepted solution. 🙂