Multiple Text Link colours

[DoggettJones]

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;
}

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

Please, someone help!!

[mariusjopen]

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

[DoggettJones]

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.

[mariusjopen]

Dear @DoggettJones
ah great!!!
Thank you for letting us know!

Best!

Marius