Hyperlink not showing in a headline element

[DesignMunky]

I have a added a hyperlink to a headline element and for some reason the text for the link is not showing. The link is working fine. If you look at the text in the purple section on the following page, the link is after the last word “founder”.

https://darrenh76.sg-host.com/our-services/learn-to-play-therapy/

I’ve checked that the link colour isn’t purple by changing the background colour…but the link text just doesn’t show.

Thanks,
Darren.

[tristup]

Hi Darren,

Thanks for reaching out.
I have checked and found that the color for the hyperlink is set to transparent, and that is why the text is not showing. I would suggest you check and adjust the color to make the text visible.

Hope it helps.
Thanks

[DesignMunky]

@tristup

link is set to transparent , and that is why the text is not showing. I would suggest you check and adjust the color to m

Hi Tristup,

Ah yes I can see that now when inspecting the element. Where do I set the colour of this link? I’ve never had to do that before and am unsure why its showing as transparent?

Thanks,
Darren.

[tristup]

Hi Darren,

You can use the following custom CSS and add it to the Element CSS of the Headline element.

$el .x-text-content-text-primary a
{
    color:#ffffff;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes, which means we can’t fix them in case they conflict with something on your site, nor will we enhance them. Further customization should be directed to a third-party developer, or you can avail of One, where we answer questions beyond normal theme support.

Thanks

[DesignMunky]

@tristup

$el .x-text-content-text-primary a
{
    color:#ffffff;
}

Hi Tristup yep that worked, thanks.

Do you have any idea as to why this happened that the link was transparent? It’s never happened to me before.

Thanks,
Darren.

[prakash_s]

Hello Darren,

As my colleague @tristup mentioned you have set the anchor color as transparent, you might have added the custom CSS code to the global CSS which was rendering just because the link was not displaying. Glad that we were able to help you.

Thanks

[DesignMunky]

Hi Praakesh,

I’ve checked everywhere and can’t find anywhere that I’ve set the anchor colour to transparent. The issue has just happened and the css you provided earlier doesn’t work on this element.

I’ve looked at the optimisation plugin that we are using and switched off all the CSS affected settings and still no change. I’m not sure what to do?

THanks,
Darren.

[tristup]

Hi Darren,

Please check the files or options where you can add the custom CSS code, like Customizer under the Appearance, Global CSS, Page CSS, and style.css or any other files.
Please remember that we don’t offer any investigation on custom coding issues.

Thanks

[DesignMunky]

Hey Tristup,

I solved the problem thanks. It was the setting in the Globals in Cornerstone.

Cheers,
Darren.

[ruenel]

Hey Darren,

Thanks for sharing that your issue has been resolved already.

Cheers.