Gray Background covering product name and price

Store Design
1

Hi,

I am currently using Dawn Theme and realised there’s a thick gray background covering my collection image, name, and product price. Wonder if anyone can help to show me how to reduce or remove the gray area (refer to screenshot image below).
It’s usually show up at the sections related to collections, and it looks perfectly fine in the collection page.

(Collection List section - huge gray background covering image, name)

BryanYF_0-1739400980642.png
BryanYF_0-1739400980642.png1145×418 335 KB

(Feature Collection section - huge gray background covering Product Name, Product price)

BryanYF_2-1739401197037.png
BryanYF_2-1739401197037.png1150×583 519 KB

(Collection Page / Shop All Page - Product name didn’t cover by gray background) → the collection list section & Featured Collection should be like this format

BryanYF_3-1739401332245.png
BryanYF_3-1739401332245.png1212×612 492 KB

2

Hi @BryanYF ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

EBOOST_1-1672356985580.png
EBOOST_1-1672356985580.png532×438 15.6 KB

  1. Assets/base.css
  2. Add code below to end of file
body .slider-mobile-gutter li {
	background: none!important;
}
3

it work! thank you so much :slightly_smiling_face: