Adjust text input size in cart notes at Cart page

Solved
AndrewH94
Tourist
10 0 3

Hi folks, would greatly appreciate some technical assistance here!

Am trying to make the size of the input text smaller in the 'cart notes' field that's on the Cart Drawer and Cart page as it's a bit too large and does not fit with the rest

AndrewH94_0-1625629032609.png

 

Thanks very much!

Accepted Solution (1)

Accepted Solutions
suyash1
Shopify Partner
6684 801 1122

This is an accepted solution.

@AndrewH94 - please add this css to the very end of theme.scss file and check, adjust number as per need

#CartSpecialInstructions {font-size: 14px;}
You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly. From tomorrow for few days, I will be online at 1:00PM IST

View solution in original post

Replies 6 (6)
suyash1
Shopify Partner
6684 801 1122

@AndrewH94 - can you please share your page link? we need custom css for it

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly. From tomorrow for few days, I will be online at 1:00PM IST
AndrewH94
Tourist
10 0 3
suyash1
Shopify Partner
6684 801 1122

This is an accepted solution.

@AndrewH94 - please add this css to the very end of theme.scss file and check, adjust number as per need

#CartSpecialInstructions {font-size: 14px;}
You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly. From tomorrow for few days, I will be online at 1:00PM IST
AndrewH94
Tourist
10 0 3

Thanks @suyash1! Works splendidly 🙂 much appreciated

AndrewH94_0-1625629831031.png

 

Akibhusen
Shopify Partner
386 62 94

Hi,

Just add the below css at the end of your 'timber.scss' file. You can find this in assets folder of your theme.

#CartDrawer .input-full,
.cart__note .input-full{
font-size: 14px;
}

You can update the 14px size with your require font size like 15px,16px etc.

Akibhusen Shekh | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
suyash1
Shopify Partner
6684 801 1122

@AndrewH94 - welcome, if you need anything, you can contact me on email for quick communication. 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly. From tomorrow for few days, I will be online at 1:00PM IST