Make the size buttons in collection page smaller

YollaHallal
Tourist
12 1 6

Hi everyone

Please in my collection page the size buttons for each products is too big , Is there a way to make them a bit smaller 

Theme is Shella theme 

 

YollaHallal_0-1650698143614.png

 

 

link to website is : https://www.plantartrepeat.com/collections/all

pass is Firas123

Thank you

 

Reply 1 (1)

oscprofessional
Shopify Partner
15868 2373 3074

@YollaHallal 

.btn.btn--status.btn--animated {
  padding: 0px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme-d.scss.liquid
then show this type your button

oscprofessional_1-1652359783751.png

 

.product-collection__button-add-to-cart.mb-10 {
  width: 44%;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme-d.scss.liquid
then show this type your button


oscprofessional_0-1652359722529.png

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing