cart attribute field alignment issue

New Member
2 0 0

Hi, I’m having issues with a new form field I've added to the cart page using a cart attribute.

 

I used the Shopify UI Elements generator to create code for a long text form field to allow customers to add personal messages to their order. I already have a cart note enabled for recipient message and want the new form field to display underneath it, for delivery notes.

 

I added the code and got the second text field jammed up against the cart note field instead of aligned below it.

Is there any way to get the cart note and the cart attribute to align in a similar way so that it looks consistent?

 

https://www.ariotofcolour.co.uk/cart

 

The theme is non sectioned and is ATLANTIC.

 

I have TEMPLATES -> cart.liquid and ASSETS -> style.scss.liquid

 

I don’t have any CSS experience, I’m imagining that’s what I need to change the positioning?

 

** I’ve managed to get it under the checkout button so that there’s something there but that’s pretty dissatisfactory workaround.

 

Many thanks.

 

0 Likes
Highlighted
Shopify Partner
501 73 92

Hello, @TomGHaus 

1. Go to Online Store->Theme->Edit code
2. Asset->/style.scss.liquid->paste bellow code in bottom of file

.cart-attribute__field textarea {
width: 100%;
min-height: 100px;
}

Want to modify or custom changes on store hire me.

If helpful then please Like and Accept Solution.

Email: bamaniyaketan.sky@gmail.com

Skype : bamaniya.sky

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
New Member
2 0 0

Many thanks for your reply, I'll give it a test. 

0 Likes
Highlighted
Shopify Partner
501 73 92

Ok

Want to modify or custom changes on store hire me.

If helpful then please Like and Accept Solution.

Email: bamaniyaketan.sky@gmail.com

Skype : bamaniya.sky

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes