background image overrides all color schemes

Hello - I have publisher theme and I have not been able to make my background image fit properly on my store without repeating. I finally found the right solution ( the code posted below ) . However, when I put the code into my base.cc , even at the very bottom, all my colors get over-ridden. Even if I try to choose a color scheme for a specific section it doesn’t work, it is only the background. Please help

.gradient {

background: var(–gradient-background);

background-attachment: fixed;

background-image: url(https://cdn.shopify.com/s/files/1/0690/4086/5582/files/AdobeStock_42622920.jpg) !important;

background-color: transparent !important;

background-position: top left !important;

background-size: auto !important; }

Hi @fortythepoet . Welcome to the Shopify Community!

Can you please share the website URL? If it’s password-protected, a password would be needed, too. It would be much easier to debug and solve.

Hi @fortythepoet
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

yes please, site is www.the4oresaint.com

password is ilove4you

yes please, site is www.the4oresaint.com

password is ilove4you

Ok, can you please tell me more on what you’re trying to achieve?

The code you posted in the 1st message isn’t currently added to the website, yet the background doesn’t repeat.