Dawn Theme: Change Add To Cart BORDER color and variant BORDER color. Thank you!

[ecoaidan]

Hi, my store URL is https://ecoternatives.co/collections/all/products/earth-breeze-laundry-detergent-strips

I want to change the border of both my add to cart button and the variant bubbles button. I’m assuming I have to add some custom code to base.css but I know nothing about code. Please help!

Thank you so much, I’ve been trying to edit the colors for hourrssss.

[Dan-From-Ryviu]

Hi @ecoaidan

Can you show me what code did you add?

[Moeed]

Hey @ecoaidan

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[salmanmukhtar]

Hello @ecoaidan

Please put the following code for variants bubble:

.product-form__input input[type=radio]+label {
    border: 2px solid #000;
}

For submit button, put the following code:

.product-form__submit {
    border: 2px solid #000 !important;
}

Put them in base.css file at the very bottom of the file. I hope this will fix. #000 is the black color code, you can put the color code of your choice instead of #000.

[oscprofessional]

Hello @ecoaidan

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

button.product-form__submit.button.button--full-width.button--primary {
    border: 1px solid #000;
}

[Artzen_tech]

Hello @ecoaidan
Its Artzen Technologies! We will be happy to help you today.

Follow the Below Steps:

1. Go to your Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following CSS at the bottom of the file above

​

AFTER ADDING ABOVE CSS THE RESULT:

Let me know if need further assistance
Regards,
Artzen Technologies