Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
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>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025