I added a background to my Shopify page using code, but the image I used for the background also app

[tanibuy]

[Made4uo-Ribe]

Hi @tanibuy 

Can you please explain more what your problem is? Do you mean you like to remove the background image on ther collection product? 

[tanibuy]

I added a background image to the site, but the background image also appeared on the category buttons and the product background.

[Made4uo-Ribe]

Would you mind to share your store URL? Thanks!

[tanibuy]

https://tanibuy.store

[tanibuy]

Like this.

[Made4uo-Ribe]

Thanks for the info, please check the code I have here and compare to your code in the base.css. 

.gradient:not(.card--media.color-scheme-5.gradient) {
    background: var(--gradient-background);
    background-attachment: fixed;
    background-image: url(/cdn/shop/files/EUROPEAN_CHAMPIONSHIP_2024_2.png?v=1717302554) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}
.card--media.color-scheme-5.gradient {
    background: transparent;
}

And Save. 

I add some codes so it wont affect the product background. 

result:

[tanibuy]

Can we make it white instead of transparent?

[Made4uo-Ribe]

Yeah, but you have white text. you like to change into black?

[Made4uo-Ribe]

Remove the last code,. change into this one. The default color of the product grid background is white. 

.gradient:not(.card--media.color-scheme-5.gradient) {
    background: var(--gradient-background);
    background-attachment: fixed;
    background-image: url(/cdn/shop/files/EUROPEAN_CHAMPIONSHIP_2024_2.png?v=1717302554) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}
.card__information * {
    color: black;
}

And Save. 

[tanibuy]

Category tab still has the same background image, plus the transparency of the middle button is gone