How can I remove the background gradient on a product?

This is the code I need to impliment \ class=“card__inner color-background-0 ratio” .

I do not want the gif in the background of the product.

This is the code I am using to set the gradient background,

.gradient {
background-image: url(https://i.gifer.com/NTHO.gif) !important;
background-size: cover; !important;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}

I am using the dawn theme and my store can be viewed here: https://fe58c6.myshopify.com/

1 Like

Hi @xenesis

Try to transfer that code in the theme.liquid. Add before the


Ribe_Dagandara_0-1691680876613.png

And delete the code on the base.css file.

i hope it help.

" :glowing_star: Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! :raising_hands: "

I added the code from base.css over to the theme.liquid file, using inspect element and changing the underlined text to class=“card__inner color-background-0 ratio”. That is what I am trying to achieve. I do not want to gif to be on the background on the item.