Solved

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

nijntjelover
Explorer
62 0 12

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

Accepted Solution (1)

Wholesalehelper
Explorer
44 11 13

This is an 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-

Wholesalehelper_0-1705410114924.png

 

 

Let me know If need further assistance

 

Regards,

Wholesale Helper Support Team

Wholesale helper- Supercharge your Wholesale and B2B business


If you find my reply helpful, please hit Like and Mark as Solution
Connect with us: App Store | Blog | Join our Community | Help Center

View solution in original post

Replies 4 (4)

Wholesalehelper
Explorer
44 11 13

This is an 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-

Wholesalehelper_0-1705410114924.png

 

 

Let me know If need further assistance

 

Regards,

Wholesale Helper Support Team

Wholesale helper- Supercharge your Wholesale and B2B business


If you find my reply helpful, please hit Like and Mark as Solution
Connect with us: App Store | Blog | Join our Community | Help Center
nijntjelover
Explorer
62 0 12

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

Wholesalehelper
Explorer
44 11 13

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-

Wholesalehelper_0-1705485608717.png

 

Let me know If need further assistance

 

Regards,

Wholesale Helper Support Team

 

 



Wholesale helper- Supercharge your Wholesale and B2B business


If you find my reply helpful, please hit Like and Mark as Solution
Connect with us: App Store | Blog | Join our Community | Help Center
nijntjelover
Explorer
62 0 12

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