How to make "Add to Cart" button smaller in Turbo liquid?

Solved
suntisfypopfun
Tourist
6 0 4

suntisfypopfun_0-1626281948322.png

 

This button right here. I've been struggling to find a solution. I would like the "Add to Cart" to be shortened, and centered. Thanks so much!

0 Likes
Akibhusen
Excursionist
196 37 68

This is an accepted solution.

Hi,

 

Please add the below CSS at the end of your 'styles.css' file. You can find this file in the assets folder.

 

.add_to_cart, .product_form input.add_to_cart {
    width: 140px;
    margin-bottom: 0;
    letter-spacing: 1px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0 auto;
}

 

Akibhusen Shekh | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
suntisfypopfun
Tourist
6 0 4

, you are awesome! Thank you so much - problem solved.

 

Akibhusen
Excursionist
196 37 68

Thank you, can you please mark this as an acceptable solution. So others should know there is no change required for this thread.

Akibhusen Shekh | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
0 Likes
suntisfypopfun
Tourist
6 0 4

Yes! Done! Apologies for the delay.

0 Likes