Align Options, Quantity and ADD TO CART button - Product page on Debut theme

mela2019
Tourist
8 0 1

Hi all,

I wanted to know if it's possible to align the panels Options (Color), Quantity and ADD TO CART button in the product page (mobile and desktop) as in the photo:

 

1.png

 

I use Debut theme.

Thank you :)

Guleria
Shopify Partner
1255 263 346

Hello,

Yes its possible, you can do this with css.

Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate Click here (Its my paypal)
0 Likes
UmairA
Shopify Partner
586 65 103

Hi @mela2019,

Yes, it's easily possible via custom CSS code which you can add to your style.scss.liquid (or theme.scss.liquid) file. Leave a link to your store and I'll post the solution (code) here. You can also shoot me a message through the live chat feature on my website.

 

Let me know if you need my help.

cheers :))

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gmail.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
0 Likes
ema_sge
New Member
1 0 0

HI @UmairA

Im looking for the same solution, any chances you could help me. 

Webstore address is: https://emasge-devl.myshopify.com/products/test-cheese with pass: test

Thanks

 

0 Likes
Vbello
Excursionist
19 0 5

Hi @UmairA,

I have the same problem, would you be able to help please?

Here the store: https://thegoodgiftstore.com/collections/all

Thank you!

UmairA
Shopify Partner
586 65 103

Hey there @Vbello,

Add the following code to your theme.scss.liquid file

.template-collection #Collection form #quantity {
float: left !important;
width: 50% !important;
}

 .template-collection #Collection form .btn {
float: right !important;
}

 

Hope it helps!

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gmail.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
0 Likes
Vbello
Excursionist
19 0 5

Hi @UmairA,

Thank you! Where shall I add it? In the end?

UmairA
Shopify Partner
586 65 103

Hey again @Vbello,

Yes, add it to the bottom of theme.scss.liquid file

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gmail.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
Vbello
Excursionist
19 0 5

Thank you!

0 Likes
creativestaz
New Member
2 0 0

Hello, you are great! Is it possible to help me too? It would be amazing! My brain is exploding from trying to figure it out haha. I only want to align "show options" thing so its symmetrical for every product.

https://velvettya.com/collections/bags

Its Me Shella theme.

Many blessings! Anastasia.

0 Likes