Site logo

Archived topic

Is it possible to add brush stroke link CSS?

7 replies · Started by Mark on June 13, 2020

Viewing posts 1–8 of 8

I have tried to set this up but I am struggling, is this something you can help implement. I like how the links are highlighted throughout the site. I would like to implement this myself if at all possible.Brit.co I have a PNG brush stroke file uploaded to my media.

Hi there,

They're using this method:

.entry-content a {
    background-image: linear-gradient(180deg,#fff06b,#fff06b);
    background-repeat: no-repeat;
    background-position: 4px bottom;
    background-size: 100% 10px;
    text-decoration: none;
}

Should just need to change the colors.

Let me know :)

That's exactly what I was looking for is there a way to change the text from green to black. I have changed in the settings and preview shows it as fully black with no yellow behind it at all. Sorry if this is a pain.

What text are you referring to?

Can you guide us to the page where the issue can be seen?

That would probably help. So, I have applied that CSS to my site. This has worked and is now active on the site. The text inside yellow linear-gradient css is green. I went to the body settings and attempted to change the colour link text back to black but when I do this it removes the CSS styling and the linear-gradient appears to vanish/remove itself.

I wonder if that's just the live preview not knowing the gradient CSS is there. What happens if you change the color and then visit another page with a link in the Customizer? That will cause the frame to reload.

You can also just save the black value and check the live site.

Let me know :)

Thank you buddy, spot on advice and guidance as always. Worked a treat.

Glad I could help :)

This archived topic is closed to new replies.