How can I reduce the height of my cart note text box?

Technical Q&A
1

Hi everyone!

I’m having a bit of trouble with the size of the cart notes, the height is too tall and I’d like it to be smaller, I have basically zero coding knowledge so this has been a real challenge for me. :sweat_smile:

Here’s how things are looking like right now:

Captura de Pantalla 2022-07-15 a la(s) 21.48.13.png
Captura de Pantalla 2022-07-15 a la(s) 21.48.13.png1386×672 46 KB

Here’s the code lines that I’m pretty sure are the issue here:

{%- if section.settings.show_cart_note -%}

{{ ‘sections.cart.note’ | t }}

{{ cart.note }}

{%- endif -%}

I also added this at the end of assets > base.css as I saw in another discussion to fix the width but I tried messing with height and it did nothing

(min-width: 750px) {
.cart__note {
width: 100% !important;
margin-right: 4rem;
}

Thanks in advance!!

2

Hi @danmogl4 ,

You can try to adjust the min-height.

  1. From your Admin store, go to Online store > Themes > Click Actions > Edit code
  2. Open the Asset folder, and find the base.css file.
  3. Add the code below.
textarea#Cart-note {
    min-height: 50px;
}
1 Like
3

That solved it! Thank you so much!!