How to Change the Color of the button in the image with the text in the down theme

Store Design
1

How to Change the Color of the button in the image with the text block in the down theme?

I need white background and 024873 border color.

2

@Svitlana
Add below css into base.css file (Online store->themes->Edit code->Assets->base.css)

a.button.button--primary {
    background-color: white !important;
    border-color: #024873 !important;
    
}

Ujjaval_0-1673534441505.png
Ujjaval_0-1673534441505.png1594×499 390 KB

3

Hi [email removed]Svitlana,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css,

Step 3: Paste the below code at bottom of the file → Save

.image-with-text .button.button--primary{
        background:white !important;
        border:solid #024873 1px !important
    }

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

4

thank you very much!

5

can you also help to change the color of the options buttons at the product page? from black to 024873 background too

6

@Svitlana Can you share store url of the page in which you want to change the color ?

7

https://mazuninajewelry.com/products/%D1%81%D0%B5%D1%80%D0%B5%D0%B6%D0%BA%D0%B8-%D0%BF%D1%83%D1%81%D0%B5%D1%82%D0%B8-%D0%B3%D1%80%D0%B0%D1%86%D1%96%D1%8F-1

8

@Svitlana
Put below css for the same

.product-form__input input[type=radio]:checked+label {
    background-color: #024873 !important;
}

Ujjaval_0-1673536217553.png
Ujjaval_0-1673536217553.png1600×753 102 KB

9

Hi @Svitlana ,

you can use my code

#MainContent .product-form__input input[type=radio]:checked+label{
background:#024873 !important
}
10

thank you very much!
both works!

1 Like
11

Great! I’m glad to hear that. You’re most welcome!