How can I change alignment of popup button and Buy buttons in Dawn theme?

[kb2528]

Hello,

In my product information page, I want to change alignment of popup button and Buy buttons. 

Right now it is looking like this

I want to change alignment like this.

Could you please help?

[Made4uo-Ribe]

Hi @kb2528 

Please, share your store URL. Thanks!

[DaisyVo]

Hi @kb2528 

Could you please share the store URL so we can check it further?

Looking forward to hearing from you soon. Thank you!

Best,
Daisy - Avada Support Team.

[kb2528]

url :- https://pgf-dev.myshopify.com/

pass :- brucri

[DaisyVo]

Hi @kb2528 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

modal-opener.product-popup-modal__opener.quick-add-hidden + div:has(product-form.product-form) {
    padding-left: 100px !important;
    margin-top: -40px !important;
}
modal-opener.product-popup-modal__opener.quick-add-hidden {
    position: relative !important;
}
modal-opener.product-popup-modal__opener.quick-add-hidden > button.product-popup-modal__button {
    position: absolute !important;
    top: 10px;
}
div.product-form__input.product-form__quantity {
    margin-bottom: 0 !important;
}

Here is the result:

I hope this helps

 Best,

Daisy

[kb2528]

I tried it and it worked!!

Thank you very much Daisy!

[DaisyVo]

HI @kb2528 

If it helps, I will really grateful if you can give it a Like or marking it as a Solution!

Best,

Daisy

[topnewyork]

Hello, @kb2528 
Please share "Store URL"
Thanks!