Button Size Reduction

Store Design
,
1

How can I reduce the button size? It’s currently taking up a little too much room. (Dawn 15.0)

https://7lt5lyhwh4tbszqq-5758058542.shopifypreview.com

2

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.

3

@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.

4

@ape514

Try this instead of the above given CSS

.button {
  padding: 0 1rem !important;
}