"Image with Text" - Button Color Change

Solved
LeoBSN
Excursionist
20 1 3

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.coScreenshot_1.png

0 Likes
JHKCreate
Shopify Partner
1997 323 428

Hi @LeoBSN ,

What color scheme would you like here?

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
LeoBSN
Excursionist
20 1 3

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

0 Likes
JHKCreate
Shopify Partner
1997 323 428

Add this to your styles.scss file:

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


Let me know if that works! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
LeoBSN
Excursionist
20 1 3

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

0 Likes
JHKCreate
Shopify Partner
1997 323 428

This is an 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!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
LeoBSN
Excursionist
20 1 3

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

0 Likes
JHKCreate
Shopify Partner
1997 323 428

This is an 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 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
LeoBSN
Excursionist
20 1 3

It worked, thank you so much for your time!

0 Likes
JHKCreate
Shopify Partner
1997 323 428

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

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com