Why is a color overlay appearing in the collage section of my Dawn Theme?

Store Design
, , ,
1

I’ve made a lot of edits to Dawn Theme and I’m noticing that when I add a product to the collage section, there’s a colour overlay appearing over the top of the image so it’s not visible. I’m struggling to identify the cause. Any help is appreciated!

Link: https://manifest-a-pearler.myshopify.com/ (last section of the page)

Pass: pearler

2

@pearlerwork
Please share password.

3

Hi @pearlerwork , Could you please share your store password

4

Apologies - ‘pearler’

5

Apologies - ‘pearler’ @PageFly-Victor @Muhammad_Ali_S

6

Hi @pearlerwork ,

Can you kindly share the screenshot/ record of the error with us? We will check it and suggest you a solution if possible.

7

Sure, see here @BSS-Commerce

https://manifest-a-pearler.myshopify.com/pages/test
Password = pearler

8

Hi @pearlerwork

You can follow these steps:

Step 1:

view (70).png
view (70).png1862×673 102 KB

Step 2: Find the file base.css or base.scss.liquid and copy this code at the end of the file:

#shopify-section-template--17730614690065__7288908f-ff1d-4122-9c3d-75c0ca60224f > div > div > div > div.collage__item.collage__item--product.collage__item--left > div > div > div.card__inner.color-background-1.gradient.ratio > div.card__media{
    width:100% !important;
}

Hope this help you.