Shopify themes, liquid, logos, and UX
How can I reduce the button size? It’s currently taking up a little too much room. (Dawn 15.0)
Hello @ape514
The size of the button is larger due to the text in it. if you reduce the text, the button size automatically reduced and fit in your theme.
another option is that you can apply below css at the end of your base.css file.
.slideshow__text-wrapper .button {
padding: 0 1rem !important;
}
Open base.css file. copy above mentioned code and paste it at the end of the file.
Don't forget to save the file after making changes.
@parth_ghelani Nothing seems to have changed. Any other solutions? I want to change the size of all the buttons on the front page they’re taking up a little too much room.
Try this instead of the above given CSS
.button {
padding: 0 1rem !important;
}
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
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