Shadow behind Collection titles in Debut

Solved
sheilakitts
New Member
2 0 1

Hello,

Could someone please help me with the code for removing the shadow behind the collection titles in Debut. I have successfully removed them on the hero image, but you can see the shadow around my clear text in the second section (in the area of the black boxes). My website is sheilakitts.com

Thanks in Advance.

Sheila

0 Likes
Speedimize
Shopify Partner
289 46 122

This is an accepted solution.

Hi @sheilakitts 

Welcome to Shopify Community. 

In theme. scss or theme.css, find the code below and remove the text-shadow. To search, you can use hotkeys cmd+f or ctrl+f when the file is opened.

.collection-grid-item__title {
    color: white;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    padding: 0 5px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87);
}

After that, the shadow will disappear. 

We Speedimize your store
Have a problem with speed performance, send me email here: hello@speedimize.io


If our advice was helpful please LIKE or ACCEPT SOLUTION
0 Likes
sheilakitts
New Member
2 0 1

Thank you so so much. I'll be sure to check out your app!

 

Sheila