[Support request] hyperlink colour in the post

[Sanu Kumar]

Can I change the hyperlink colour inside the post – would like to change into gradient colour this
background: linear-gradient(150deg, rgba(193,10,255,1) 0%, rgba(240,2,255,1) 100%);

[Tom]

Hi there,

Try this:

.inside-article a {
    background: linear-gradient(150deg, rgba(193,10,255,1) 0%, rgba(240,2,255,1) 100%);
}

[Sanu Kumar]

I am trying this CSS to change the link colour but doesn’t change

body:not(.blog):not(.archieve) .inside-article > *:not(.rank-math-breadcrumb) a {
    font-weight: bold;
	 color: linear-gradient(150deg, rgba(193,10,255,1) 0%, rgba(240,2,255,1) 100%);
}

[Leo]

Can you try Tom’s code first? If that doesn’t work, can you link us to the page in question with the code added?

[Sanu Kumar]

I tried Tom’s code but it changed the link background but I want to change the font colour and I also try to replace background to color but not worked.

[David]

Hi there,

The code Tom provided can only be applied to a background color – are you wanting a gradient color for your text ?

[Sanu Kumar]

yes

[David]

Not sure about this or the browser compatibility but try this:

body:not(.blog):not(.archive) .inside-article>*:not(.rank-math-breadcrumb) a {
    font-weight: bold;
    background: -webkit-linear-gradient(150deg, rgba(193,10,255,1) 0%, rgba(240,2,255,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

[Sanu Kumar]

not worked.

I think it should work because if we can change the hyperlink background colour then it is also possible to change the text colour of hyperlink.

I am not a techy guy, just my thoughts.

[David]

Can you share a link with the CSS added ?

[Sanu Kumar]

Added the code.

Here is one of my post link
https://www.masteryblogging.com/siteground-hosting-review/

[David]

It does work – try adding the CSS here to the top of your CSS.

[Author]

Posts