HI, i have problem with the border around the cartnote, and the emal newsletter box, why are they to thick, and how do i make them slim?
Topic summary
A user is experiencing issues with overly thick borders around the cart note and email newsletter subscription boxes on their Shopify store. They’ve shared screenshots and their shop URL (benskickz.myshopify.com) for assistance.
Solution provided:
- Navigate to Themes > Current Theme > Duplicate (create backup first)
- Go to Themes > Current Theme > Edit Code
- Search for “cart” in the files panel
- Open cart-static.liquid or cart.liquid
- Use Ctrl+F to search for “–input-border-width:”
- Current value is set to 12px
- Change this value to “0” for no border, or adjust to preferred thickness
The helper suggests setting it to 0px would look fine, but the user can customize to their preference. An offer was made to send a collaborator invite if the user prefers not to modify the code themselves.
Status: Solution provided, awaiting implementation.
Hi,
Drop us a link to your shop so we can have a look at your css settings and give you some suggestions.
Hi,
If you are confident to change the styling with code you can go to:
Themes>Current Theme>***> duplicate (just to make a backup if something goes wrong)
Themes>Current Theme>***>edit code
in the left side in “search files” search for cart,
and click on the cart-static.liquid or cart.liquid
click in the field where the code is on the left and pre ctrl+f, a serch field will pop up
now search for:
–inputs-border-width:
you will see a value of 12px
this is your border on the questionable sections, change this to whatever you like or, personally i think it looks fine without a border so just set it to “0” and save
In case you don’t want to mess around the code i am happy to do it for you, just let me know and i will send you a collaborator invite.