A user wants to remove the background color from a slideshow section in Shopify’s Dawn theme, making it white instead. The slideshow displays a visible background color when using “grid view” that doesn’t change through the theme color settings.
Resolution provided:
Multiple helpers offered CSS solutions targeting the specific slideshow section ID. The working solution involves adding custom CSS code to either:
<style> block before </body>)The CSS code targets the section by ID and forces a white background:
section#shopify-section-template--16507269414963__slideshow_K3XYKT {
background: #fff !important;
}
The original poster confirmed this solution worked successfully.
Open issue:
A new user (kdm1) reports the same CSS code isn’t working for them despite trying all suggested locations (base.css, component-slideshow.css, and theme.liquid). They’re testing in a duplicate theme and seeking alternative solutions.
How do you change the background of the “slideshow” section in Dawn theme?
When I use “grid view” for the slideshow section, you can see a background color. I want to remove it and have it just be white. I tried changing the color theme for the section, but it didn’t work. Is there a CSS code I should use, or am I just doing something wrong?
Hello @sculptingbodies
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.
https://36c09f-58.myshopify.com/
my store isn’t published yet, but the section I’m referring to is down in the middle of the home page
Hello, @sculptingbodies Could you please share the store URL and Password? This will allow me to inspect it and provide a more tailored solution.
password please
you mean the password to get into my account?
No @sculptingbodies I need your Shopify storefront password, not your account password. How can you find the storefront password?
Please go to Preference > scroll down and share with us the password to access your store ?
Best,
Daisy
I didn’t realize my storefront had a password on it, sorry about that. I removed it so it should work now
ahh, thank you for showing me that! I had no idea!
password is leumpo
Hey, @sculptingbodies I didn’t see any slideshow; can you please send me the URL where you added your slideshow?
that should’ve been the right link. if not, try this one
Hello @sculptingbodies
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.
#shopify-section-template--16507269414963__slideshow_K3XYKT {
background-color: #fff !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Hello! @sculptingbodies Please follow these steps to add this CSS code:
section#shopify-section-template--16507269414963__slideshow_K3XYKT {
background: #fff !important;
}
If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Best regards
K.K
You can add code by following these steps
Go to Online Store → Theme → Edit code.
Open your theme.liquid file
Paste the below code before on theme.liquid
Result:
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
it worked perfectly! thanks so much for your help and patience!
Is there possibly another resolution to this? I’ve added this code in base.css, the component-slideshow.css and the theme. Liquid (in a style block before /body) and have not been able to get the slide background white. I made each of these edits and tested them separately, since information is conflicting. In Dawn theme. Have no custom code. I’m currently working in a copy of my theme until I can resolve this.
