How can I change the button color in the 'Image with Text' section?

Store Design
1

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

Screenshot_1.png
Screenshot_1.png929×271 96.4 KB

2

Hi @LeoBSN ,

What color scheme would you like here?

3

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

4

Add this to your styles.scss file:

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

Let me know if that works!

1 Like
5

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

6

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!

2 Likes
7

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

8

Adjust the first piece of code to have this:

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

Let me know

1 Like
9

It worked, thank you so much for your time!

10

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

1 Like