Reducing size of video section (Dawn Theme)

Store Design
, , , , ,

Topic summary

A user seeks to reduce the size of a video element on their Shopify store (Dawn theme), which appears too large on desktop.

Solution Provided:

  • Add custom CSS to the video section: .video-section { max-width: 1000px !important; }
  • The pixel value (1000px) can be adjusted to fit specific requirements

Follow-up Questions:

  • Original poster asks how to apply the same sizing adjustment to an image element
  • Another user confirms the CSS solution also works in the Craft theme for reducing video file sizes
Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Hi there,

How can I reduce the size of the video element (please see screenshot)? It’s too large on desktop version.

Capture406.PNG
Capture406.PNG1920×945 320 KB

Thanks in advance!

2

Hi @rugsrusonline12

You can add this code in Custom CSS of that video section to reduce video screen

.video-section { max-width: 1000px !important; }

You can change 1000px to value fit with your request

3 Likes
3

Thank you. What would be the code if I wanted to do the same for an image? Thanks

4

Super, ich konnte es auch im craft theme so nutzen und eine Videodatei verkleinern. Dankeschön!