How to line up Qty, ATC and embedded app button

Store Design
1

Hi. I need to line up Qty, ATC button, and an additional embedded button on the product page. I need the same size and just like in the mobile presentation it shows. Theme Turbo Portland.

Thank you, Juan

https://www.charaan.com.co/products/contorno-de-ojos-en-forma-geringa-bioaqua

IMG_1015.jpg
IMG_1015.jpg1170Ă—2532 236 KB

Screen Shot 2022-10-08 at 6.16.46 AM.jpg
Screen Shot 2022-10-08 at 6.16.46 AM.jpg529Ă—326 24.6 KB

1 Like
2

Hi @JuanHernandez

  1. Go to your admin and click on “Edit Code”.

  2. In the left panel look for a file called “base.css” under “Assets”.

  3. Paste this code at the bottom of that file & Click Save.

.product-quantity-box.purchase-details__quantity {
    width: 100%;
}

.purchase-details__buttons {
    margin-top: 12px;
}

Please let me know if it worked!

1 Like
3

Thank you! It worked but actually under styles.css.liquid file. Thankyou very much.

1 Like
4

Glad I could help. Please mark the answer as Accepted Solution for future visitors who stumble across the same issue.

Cheers!

1 Like