Pace between Quantity and add to cart button

Solved
MariaJensen
Tourist
33 2 12

Hi, 

kan anybody help me remove the space between the quantity and add to cart button? i would like the button to fill out the space. 

tempsnip.png

 

I do not want it to affect the mobile version, as it is perfect the way it looks now. 

here is at linke to my site:

https://u9ja2y16gixa8bua-9420537935.shopifypreview.com

thank you in advance 

- Maria 

0 Likes
Pallavi
Shopify Expert
1269 174 209


Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

@media only screen and (min-width: 768px){
.medium-up--one-quarter {
width: 15%!important;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
MariaJensen
Tourist
33 2 12

Thank yuo so much - it worked! 

Can you tell me hw make the button longer so it aligns with the rest of the content? 

best regards Maria 

Pallavi
Shopify Expert
1269 174 209

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
MariaJensen
Tourist
33 2 12

Do you know how to get the button to align with the rest of the content?  

best regards 

Maria

Pallavi
Shopify Expert
1269 174 209

I don't understand you can share me screenshot.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
MariaJensen
Tourist
33 2 12

oh of course, here you go:
tempsnip5.png

I really like it to align with the grey box above

Pallavi
Shopify Expert
1269 174 209

it's ok checking 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Pallavi
Shopify Expert
1269 174 209

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

@media only screen and (min-width: 768px){
.medium-up--three-quarters {
width: 85%!important;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
MariaJensen
Tourist
33 2 12

Thank you very much! it work!