<![CDATA[Multiple Text Link colours]]>I need more than one colour for text links. I have tried creating a new style to apply as a class, however only details like underline etc apply. The text remains blue. I have 3 words and each I want to have a different colour on rollover i.e one is blue, the next is red. Any idea how I can add CSS that works.

The code I have tried is below:

.styleone:link {
text-decoration: underline;
color: #000;
}

Screen Shot 2020-01-15 at 14.32.24.png

You will see Work is the default blue. I want About to be Red and contact Green.

Please, someone help!!

]]>https://laythemeforum.com/topic/4848/multiple-text-link-coloursRSS for NodeTue, 12 May 2026 13:20:45 GMTWed, 15 Jan 2020 14:39:59 GMT60<![CDATA[Reply to Multiple Text Link colours on Thu, 23 Jan 2020 09:45:28 GMT]]>Dear @DoggettJones
ah great!!!
Thank you for letting us know!

Best!

Marius

]]>https://laythemeforum.com/post/16670https://laythemeforum.com/post/16670Thu, 23 Jan 2020 09:45:28 GMT<![CDATA[Reply to Multiple Text Link colours on Wed, 22 Jan 2020 11:25:57 GMT]]>Hi, Thanks for finding the time to reply to me.

Custom CSS was the way to go.

I created the following class:

.link_bigideas:hover {
text-decoration: none;
color: #94c120 !important;
}

The applied the class in the source code editor;

<a class="link_bigideas" href="my page link">Big Ideas</a>

Working fine now. The !important attribute is what makes it possible.

]]>https://laythemeforum.com/post/16652https://laythemeforum.com/post/16652Wed, 22 Jan 2020 11:25:57 GMT<![CDATA[Reply to Multiple Text Link colours on Fri, 17 Jan 2020 10:36:13 GMT]]>Dear @DoggettJones
CUSTOM CSS is the way to go.

Probably you can address each link separately.
Also have a look into nth-child

Best!

Marius

]]>https://laythemeforum.com/post/16570https://laythemeforum.com/post/16570Fri, 17 Jan 2020 10:36:13 GMT