custom css code - formatting field position

Store Design
, , ,
1

Hi,

I have added a required field to my cart using this website: https://ui-elements-generator.myshopify.com/pages/cart-attribute

However, im having trouble alligning it with the rest of the text on the cart page. Could you please help?

Please see attached screenshot. And below in the code I have used.
2

Screenshot 2024-04-01 at 3.30.54 pm.png
Screenshot 2024-04-01 at 3.30.54 pm.png3008×1330 169 KB

3

This is Noah from PageFly - Shopify Page Builder App

Hi @tendtome I can see you want align input with other element in page, You can share url for me. I can help you.

Best regards,

Noah | PageFly

4

Hi Noah, Thank you, the page URL is : https://www.uspsystems.com.au/cart

5

Hi @tendtome you can add code here to fix it , You need add code in file base.css:

.shopify-section-template--19189640528148__custom_liquid_CePbeg{
    max-width: 1200px !important;
    margin: auto !important;
}
.shopify-section-template--19189640528148__custom_liquid_CePbeg .section-template--19189640528148__custom_liquid_CePbeg-padding{
    padding: 2rem 5rem !important;
}

Hope my solution will help you resolve the issue.

6

Hi Noah, This didnt work that i can see. please check

7

hi @tendtome Iam sorry about that, please add again code below

.cart-attribute__field{
    max-width: 1200px !important;
    margin: auto;
    padding: 2rem 5rem !important;
}
8

perfect. that worked thank you very much!

9

Hi Noah,

I did a test order and I can’t see where (as the seller) the answer to this field would apear on the order. Do you know or can you help with this?

10

hi @tendtome Iam sorry because it involves data and management, you need to contact support “Shopify UI Elements Generator” so they can assist with this issue