Shadow/gradient overlay on my main product section

Store Design
,

Topic summary

A user is experiencing an unwanted gradient overlay on their main product section that they cannot remove. The issue appears on their Shopify store’s product pages.

Proposed Solution:

  • Another user suggested adding specific CSS code to the bottom of the base.css file
  • The code targets the .body-transition element with position and other styling properties

Current Status:

  • The discussion remains open
  • Only one potential solution has been offered
  • No confirmation yet on whether the CSS fix resolved the gradient overlay issue
Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

Hello! someone added a gradient on my main product section and i cant seem to remove it.

https://dc602d.myshopify.com/collections/all-products/products/ava-sculpting-thong

2

Hello @jenevieve0495

Add this below code in base.css at the bottom of the file

body .transition-body {
    position: unset !important;
}