How can I adjust the 'cart note' function in Dawn 8.0.1?

Store Design
1

Hello,

I just stared a couple of weeks ago to create my shop.

I would like to use the “cart note” function and enabled it. But the box for the note is not visible as it has no frame and is white. So no one will see it. Also I would like to have 2 boxes, one for a date and one for typing. Does anyone know how to adjust this note field or the area? I have no idea where in those 100 Css and html files it will be.

The website: https://edsemble.com/cart

Theme: Dawn

Thank you so much for you help!

– Ann

2

Hello @AnnEdsem ,

You can try to follow these steps:

  • Go to Online Store → Theme → Actions → Edit code

Screen Shot 2023-04-10 at 11.13.01.png
Screen Shot 2023-04-10 at 11.13.01.png1433×764 109 KB

  • Go to Assets folder → base.css file → look for the code include “cart-note” or “cart-attribute__field”
  • Modify the CSS code to adjust the appearance of the cart note field like this:
.cart-note {
  background-color: #f8f8f8;
  padding: 10px;
}
.cart-note label[for="note"] {
  display: block;
  margin-bottom: 5px;
}
.cart-note textarea[name="properties[date]"] {
  display: block;
  margin-bottom: 10px;
}
  • Save changes

Hope this can help you out.

Ali Reviews team.