I am in the process of switching to the “Studio 2.0 Theme” from “Simple Theme”
I currently have a background image that I wish to carry over. You can see it here
However when I try to update the base.css with the:
html{
background: url(“ExampleURL”) top no-repeat !important;
}
of course swapping out Example URL with the URL to the file.
I can see it showing up on the site and it displays, but it looks like the
:root{
–shopify-editor-setting-colors_background_1: #202020;
}
is displaying on top of the image. If I were to go to inspect and uncheck the element I can see the background image underneath it.
Here it is showing the background
Here it is with the element turned off showing the image (changed it for demonstration)
I would like for the background to stay on the top so I can have an inverted faded background like I had on my original site like this:
I am not that great at CSS so I am not sure what the best approach to fixing this is.