Adjust text input size in cart notes at Cart page

Solved
AndrewH94
Tourist
8 0 2

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!

0 Likes
suyash1
Shopify Partner
3012 329 504

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

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
AndrewH94
Tourist
8 0 2

Sure!

It's at https://the-ice-cream-bar-malaysia.myshopify.com/, password: andrew

Thanks much

0 Likes
suyash1
Shopify Partner
3012 329 504

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, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
AndrewH94
Tourist
8 0 2

Thanks @suyash1! Works splendidly much appreciated

AndrewH94_0-1625629831031.png

 

Akibhusen
Excursionist
199 37 68

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
0 Likes
suyash1
Shopify Partner
3012 329 504

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

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes