Shopify themes, liquid, logos, and UX
Hello,
I am using Dawn, I want to change the background image of a section using Custom CSS. As it seems to be easiest way to do it. I add this code below, but nothing changes in my section. I have tried using a variety of section tags, but the tax I think I am using from inspect is not working and I have tried many variations. Any ideas?
{
background: url("https://cdn.shopify.com/s/files/1/0615/8116/4622/files/Background_Image.png?v=1730820255")
no-repeat;
background-size: cover;
}
Solved! Go to the solution
This is an accepted solution.
It is being overruled by a lower div, try this:
.rich-text.content-container{
background: url("https://cdn.shopify.com/s/files/1/0615/8116/4622/files/Background_Image.png?v=1730820255")
no-repeat;
background-size: cover;
}
Hi @Weekenders, can you share your website so we can have a look? Maybe it gets overruled by another CSS rule.
TheWeekenders.ca - but I am using a draft to make these edits... is there a way I can share these drafts? Maybe try this: https://theweekenders.ca/?_ab=0&_fd=0&_sc=1 I am trying to make a change to each section on this page... starting with the Rich Text section.
This is an accepted solution.
It is being overruled by a lower div, try this:
.rich-text.content-container{
background: url("https://cdn.shopify.com/s/files/1/0615/8116/4622/files/Background_Image.png?v=1730820255")
no-repeat;
background-size: cover;
}
This worked for the Rich-text section, What about if I need to do the same with the image-with-text section? I used the same code, and it wont work for the image-with-text
The HTML structure is different between sections. In this case, the gradient class seems to be used by both sections (also contains the background property). So you could do this for both:
.gradient {
background: url("https://cdn.shopify.com/s/files/1/0615/8116/4622/files/Background_Image.png?v=1730820255")
no-repeat;
background-size: cover;
}
This worked like a charm!
Thanks~
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024