I added a feature review carousel to my homepage but the background is white. When I go to settings and change the background style, the background color is not covering the entire section, but only a small block around the cards. So now theres a white section on my homepage. How can I change this? I use Shopify.
Thank you in advance.
Mieke
Best answer by danielmartinhq
I had a similar issue on a WordPress site a few months back—added a review carousel to the homepage and no matter what I changed in the settings, the white background just wouldn’t go away completely.
Turned out the carousel was inside a container with its own styling, and I had to tweak the CSS for that parent element too. If anyone else runs into this, try inspecting the section using browser dev tools and see which div is controlling the background.
Also, make sure you’re not just changing the background for the carousel itself, but for the whole section it’s inside. In my case, adding a background-color and making sure padding/margins were set correctly in the customizer fixed it.
This could be due to padding or margin settings in your theme. Try adjusting the section background color in your Shopify theme editor instead of just the carousel settings. If that doesn’t work, add custom CSS to set the background color for the entire section.
+27Hi
Did you manage to figure this out? If so, how did you manage to adjust the color of the carousel? If adjusting the section background color in your Shopify Theme Editor didn’t work, you can adjust the CSS of the carousel, with help from our guide here. Let me know if I can answer any more questions, or if you’re still stuck!
-Byrne
I finally managed to solve the problem by adjust the CSS of the carousel. Thank you for your help.
Mieke
I had a similar issue on a WordPress site a few months back—added a review carousel to the homepage and no matter what I changed in the settings, the white background just wouldn’t go away completely.
Turned out the carousel was inside a container with its own styling, and I had to tweak the CSS for that parent element too. If anyone else runs into this, try inspecting the section using browser dev tools and see which div is controlling the background.
Also, make sure you’re not just changing the background for the carousel itself, but for the whole section it’s inside. In my case, adding a background-color and making sure padding/margins were set correctly in the customizer fixed it.
I faced the same thing on a Scarlet iOS, the background issue didn’t resolve until I checked the parent container’s CSS. Turns out the inner section was overriding everything — adjusting that finally fixed it.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
