Contributor I

Solved

Featured review carousel background will not change

Forum|Forum|1 year ago
March 11, 2025
6 replies
209 views

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

Reviews

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.

S

scarletioshub

Contributor IV

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.

Byrne C

Community Manager

Hi @Mieke S.

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

M

Mieke S.Author

Contributor I

I finally managed to solve the problem by adjust the CSS of the carousel. Thank you for your help.

Mieke

D

danielmartinhqAnswer

Problem Solver I

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.

D

danielmartinhq

Problem Solver I

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.

H

hussondros

Contributor I

Hi new here, trying to tweak the Featured Review Carousel too. Curious: did you clear your browser cache or force refresh after uploading the new background image? Sometimes older assets keep showing if cached.

Sign up

Use your Klaviyo credentials

Log in to the Community

Use your Klaviyo credentials