How can I change the background color in my featured product section?

Topic summary

A user wants to remove or change the background color in their Shopify store’s featured product section to transparent.

Solution Provided:

  • Another user confirmed this is possible and shared CSS code to achieve transparency
  • The code targets .btn-slideshow-thumb and .product-slideshow__item classes
  • Sets background-color: transparent;

Outcome:

  • The solution was successfully implemented
  • The original poster marked the response as the solution and thanked the helper

Note: Much of the conversation text appears corrupted or reversed in the original thread, but the core technical solution and resolution are clear from the code snippet and images shared.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.

How do I remove the background color from featured product section? I think I have to change the “–color-page-bg-rgb” to transparent or something. Here is my store URL :https://gocookie.se/

1 Like

Hi @Felix_o

Yes, you can change into transparent.

Made4uoRibe_0-1707700520991.png

When I change into transparent the result is this.

.btn-slideshow-thumb, .product-slideshow__item {
    background-color: transparent;
}

Result:

Seems like you know where the code is?

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like

Thanks man!

1 Like