How to reduce the size of the "Add to Cart" and "Buy with X" buttons on the product page?

[D2RGEAR]

Hello,

https://d2rgear.com/products/el-rune

How to reduce the size of the “Add to Cart” and “Buy with X” buttons?

Regards

[Natasha-Saed]

Hi,

1. go to online store

2. click on edit code

3. open your base.css file

4. add the following code at the bottom

.product-form__buttons {
max-width: 30rem;
}

5. Save

You can change the 30rem to the number you want currently it’s set to 44rem.

And you are done.

[D2RGEAR]

Hello,

It did not change the size. I entered different numbers for rem, but no changes happened.

[Moeed]

Hey @D2RGEAR

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

[Artzen_tech]

Hello @D2RGEAR

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

Go to the Online Store->Theme->Edit code->Assets->bass.css>

Paste all code bottom of bass.css file

.product-form .product-form__buttons {
    max-width: 36rem;
}

Before

after that

Let me know if need further assistance
Regards,
Artzen Technologies

[Natasha-Saed]

.product-form__buttons {
max-width: 30rem !important;
}

Just need to add !important after the rem.

have a nice day