Solved

How to enlarge the button with Prestige theme?

liu_x_trujillo1
Tourist
4 0 2

Hi!  

 

I am trying to increase the size of the button on the collection pages (e.g.https://embroidtale.com/collections/a-symphony-in-filigree-necklace-collection) Can I add any custom CSS to make the button look more prominent? Thanks!Screenshot 2024-03-01 232739.png

Accepted Solution (1)

techlyser_web
Shopify Partner
1404 262 276

This is an accepted solution.

Hello @liu_x_trujillo1 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>
.prose :is(.button,.button-group:has(.button)){
   padding-left: 50px !important;
   padding-right: 50px !important;
}
</style>

techlyser_web_0-1709358327951.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Reply 1 (1)

techlyser_web
Shopify Partner
1404 262 276

This is an accepted solution.

Hello @liu_x_trujillo1 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>
.prose :is(.button,.button-group:has(.button)){
   padding-left: 50px !important;
   padding-right: 50px !important;
}
</style>

techlyser_web_0-1709358327951.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com