Button Size Reduction

Store Design
, , ,
1

Anyone know how I can reduce the button size on my front page only? They’re currently a little too big and are distracting. Thank you (Dawn 15.0.1)

https://2jlu1y4sgizzszsq-5758058542.shopifypreview.com

2

Hi @ape514 ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

EBOOST_1-1672356985580.png
EBOOST_1-1672356985580.png532×438 15.6 KB

  1. Assets/base.css
  2. Add code below to end of file
.button, .shopify-challenge__button, .customer button, button.shopify-payment-button__button--unbranded {
  min-width: calc(10rem + var(--buttons-border-width) * 2);
  min-height: calc(3.5rem + var(--buttons-border-width) * 2);
}
3

Hi @ape514

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1722386418563.png
PageFlyRichard_0-1722386418563.png1336×953 257 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly