Prestige Theme - Reduce space/padding around text within buttons

Solved
Multibrands
Excursionist
39 2 19

Good morning

Screenshot 2021-02-18 at 12.11.16.png

 

 the-botanical-factory.myshopify.com

crudah

 

Thank you

, is there anyway to reduce the podding around the text inside the buttons (sitewide).

 

dmwwebartisan
Shopify Partner
4578 1029 1323

This is an accepted solution.

@Multibrands 

Please add the following code at the bottom of your assets/theme.css file.

.ButtonGroup--spacingSmall .ButtonGroup__Item {
margin: 8px;
padding: 14px 14px !important;
}

 

Hope this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Natztech
Explorer
156 34 29

This is an accepted solution.

Please add the following code at the bottom of your assets/theme.css file.

 

 

.SectionHeader__ButtonWrapper .ButtonGroup .ButtonGroup__Item {

padding: 9px 10px !important;
}

 

 

Want to theme customize Hire us.
If helpful then please Like and Accept Solution

E-mail :natztech2312@gmail.com

This is an accepted solution.

 

Hello
search this css in this file
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.ButtonGroup--spacingSmall .ButtonGroup__Item {
    margin: 8px;
    padding: 10px 20px !important;
}

 

update it with this css

.ButtonGroup--spacingSmall .ButtonGroup__Item {
    margin: 8px;
    padding: 10px 10px !important;
}

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit