Overlay color

Topic summary

A user is experiencing an issue with a CSS linear gradient overlay not covering their entire video element. The gradient appears correctly in the center but leaves gaps on the left and right sides.

Technical Details:

  • Current CSS being used: background: linear-gradient(270.01deg, rgba(255, 255, 255, 0.08) 41.25%, rgba(255, 255, 255, 0.8) 87.95%)
  • The overlay color is partially applied but incomplete
  • An image reference was provided showing the gap issue

Proposed Solution:
Another user suggested placing the CSS code in the theme.liquid file, specifically before the closing </body> tag, though the exact CSS fix to address the gap issue wasn’t clearly specified in the response.

The discussion remains open as the solution provided appears incomplete or unclear.

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

Hey I added Background:linear-gradient( 270.01deg, rgba(255, 255, 255, 0.08) 41.25%, rgba(255, 255, 255, 0.8) 87.95% );

color is added but not on complete video a gap on right and left side can you plz fix that issue.

Store link :expert-wc.myshopify.com

password:9999

Hi @Mariana-Civeira
Please put this css in theme.liquid before body closing tag


Thanks!