"Image with Text" - Button Color Change

[LeoBSN]

Hi everyone,

I would like to change the color of the button for the "Image with Text" section, i want it to be red.

Can anyone help me please?

The site URL is: looveme.co

[JHKCreate · Accepted solution]

That makes more sense now!

Remove the previous code and add the following:

.block--1610735609871eab3f-0 a.button {
    color: #000000;
    border-color: #EC0F0F;
}

.featured-link--half .button:hover {
    background-color: #EC0F0F;
    color: #ffffff;
    border: #EC0F0F;
}

Let me know!

[JHKCreate]

Hi @LeoBSN ,

What color scheme would you like here?

[LeoBSN]

Hi @JHKCreate and thanks for the answer.
I want it to be #EC0F0F

[JHKCreate]

Add this to your styles.scss file:

.featured-link--half .button {
    background-color: #EC0F0F;
}

Let me know if that works! 

[LeoBSN]

Sorry it didn't work how I wanted, I want the borders to be red (with white background), and when I put the mouse over it (I thinks it's called button hover) I want it to be all red with white text

[JHKCreate · Accepted solution]

That makes more sense now!

Remove the previous code and add the following:

.block--1610735609871eab3f-0 a.button {
    color: #000000;
    border-color: #EC0F0F;
}

.featured-link--half .button:hover {
    background-color: #EC0F0F;
    color: #ffffff;
    border: #EC0F0F;
}

Let me know!

[LeoBSN]

Now it's better, but only hover color changed, not the borders

[JHKCreate · Accepted solution]

Adjust the first piece of code to have this:

.block--1610735609871eab3f-0 a.button {
    color: #000000;
    border-color: #EC0F0F!important;
}

Let me know 

[LeoBSN]

It worked, thank you so much for your time!

[JHKCreate]

You're most welcome! Just tag us whenever you need anything!