How to round corners of a video banner in Dawn theme?

Store Design

Topic summary

A user seeks help rounding the corners of a video banner in Shopify’s Dawn theme, referencing a website example with rounded corners.

Initial Solutions Provided:

  • Add CSS code to assets/theme.css file
  • Target .video-wrapper element with border-radius: 20px and overflow: hidden

Current Status:

  • First suggested solution (targeting .video-wrapper.markup) did not work
  • A refined solution was offered: target .video-wrapper iframe instead with the same border-radius properties

Technical Approach:

  • Navigate to Themes → Edit Code → Assets → theme.css
  • Add CSS snippet at bottom of file
  • The discussion remains open as the effectiveness of the second solution has not been confirmed
Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.
6

Hi @roquebruntan
You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.css

.video-wrapper {
border-radius: 20px;
overflow: hidden;
}