how do I make my add to cart button bigger on full screen?

[nijntjelover]

when on full screen my add to cart button is using all the space available. The payment icons below it don't look like theyre in the middle because of that. Can we make the button bigger/longer?

tnx

https://bundoshop.nl/products/icon-bodywarmer

[Wholesalehelper · Accepted solution]

Hello, @nijntjelover 

Greetings from the Wholesale Helper Support Team! Happy to help you today.

1. Go to online store > theme > Edit code > Layout > theme.liquid (file) and Paste the below code at the end of the file, just before the closing " </body>" tag -> Save

<style>
.product-form .product-form__buttons {
    max-width: 100% !important;
}
</style>

2. After adding the above CSS, it looks like this-

Let me know If need further assistance

Regards,

Wholesale Helper Support Team

[nijntjelover]

any clue how i can make the letters on the add to cart in bold?

[Wholesalehelper]

Hello, @nijntjelover 

Greetings from the Wholesale Helper Support Team! Happy to help you today.

1. Go to online store > theme > Edit code > Layout > theme.liquid (file) and Paste the provided code within the <style> tags at the end of the file, just before the closing " </body>" tag -> Save

#ProductSubmitButton-template--20539851014468__main > span{
      font-weight: bold !important;
}

2. After adding the above CSS, it looks like this-

Let me know If need further assistance

Regards,

Wholesale Helper Support Team

[nijntjelover]

it was a different code but I figured it out thanks anyways!