Buy Now and Add to Cart button opacity in the Dawn Theme

Store Design
1

Hello,

I’m trying to change the borderlines for the “add to cart” and “buy now” buttons to 1 px and add 0.28% opacity. Could someone please assist me? Been looking for answers at other forums, but nothing so far :confused:

Dawn theme

1 Like
2

@swishlatvija

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

4

Hello, thanks!

I want to change the borderlines for the buttons on this page: https://swish.lv/products/dc72e1-basketbola-grozs

5

Please add below css in bottom of assets/section-main-product.css file

.form button.product-form__submit {
border: 1px solid #fff;
}
.form .shopify-payment-button {
border: 1px solid #fff;
}

Thank you.

6

Hello,

Thank you, but the code added an extra line, and now I have two borderlines for the same button. I also don’t see how it affected the line’s opacity.

Your help is tremendously appreciated!

7

Please try this code

.form button.product-form__submit, .form .shopify-payment-button {
border: 1px solid rgba (255,255,255,0.28);

}
Thank you.

8

I changed the RGB code to red, so I can see the difference, but nothing changes. Any other ideas?

Thanks!

9

this code didn’t work, but I took the color code from the first example, and now it works (added below). However, now the button has two lines again. Please forget about the opacity and simply find a way to make the borderline 1px and in red color. I will change the color myself. Thanks!

.form button.product-form__submit, .form .shopify-payment-button {
border: 1px solid #fff;
}

10

Hi @swishlatvija ,

Please add code:

.form button.product-form__submit, .form .shopify-payment-button {
    box-shadow: none !important;
}

Hope it helps!