How to use custom CSS to create a second hyperlink colour

[TownleyGrammar]

Hello Themco Forum,

I would appreciate it if anyone could help me with a problem I am having creating a second hyperlink colour.

Currently, I have link colours set to red within the global settings:

Which is not an issue because the website has a white background.

But when used on the footer of the website, which is the same red colour, the link is hidden.

To solve this, I have tried selecting white as the link colour in the text content panel:

which works fine on my Mac, the phone number appears white, but on my iPhone it appears as red and is hidden:

I tried adding custom CSS in the customizer:

but the text won’t show up as white on my iPhone.

The CSS I am using is:

.element {
color: white !important;
}

and changed it to:

$el>div{color: white !important;}

within the customiser, if anyone can advise where I am going wrong, would be great.

many thanks

Ashley

[tristup]

Hi Ashley,

What you are trying, is requiring some custom CSS code, which is beyond the scope of Theme Support. I would suggest you hire a developer who can assist you with the customization, or you can avail of our newly launched service called One, where we answer questions beyond normal theme support.
Alternately, I would suggest you create a custom Footer using the Footer Builder and adjust the style as required to the specific elements like Headline, Text, and Navigation Inline.

Footer Builder | Themeco Docs

Conditions and Assignments | Themeco Docs

Hope it helps.
Thanks

[TownleyGrammar]

Thanks tristup,

I will purchase a One service to get the answer.

best wishes

Ashley

[tristup]

Hi Ashley,

You are most welcome.