Change colour of the Featured-Button

Helloe!

To solve this paste this code on your Custom CSS Plugin or form and change the values as you pleased:

.featured-button{
background:blue /* buttom background*/
}
.featured-button p a{
color:#fff; /* font color*/
}

Let me know if it works.

Cheers!

Thank you for that Ellp.

I wanted to keep the style the way it was and only change the colour. Having pasted the code above it seems to have changed the style, is this easily changeable?

Thank you so much for your help

It wouldn’t be easy, because the background of the button is actually an image located at images/featured-button.png. If you have (or know someone with) Photoshop experience, you could modify that image to be blue instead of yellow. Or you could try this CSS:

.featured-button {
background: blue; /* button background*/
border-radius: 15px;
border: 1px solid #172576;
}

It’s not completely the same, but you could play around with the values for border-radius and border until you get the right look.

Hi Ellp,

I played around with the CSS and managed to get the color to match the webpage but still cannot seem to round the edges on the button, any idea how I can do that?

Many Thanks

I managed to do it, you started me off.

Thank you for your time.

Nice!

Glad to help ??

Cheers!