Hi there, We switched to using Dawn recently. With our previous theme, YouTube or Vimeo videos in blog posts were the full column width when viewed on the website, but now they are only about 80% of the width: [ArtMag_0-1645386188505.png] Is there a way to make them full width by default in the …

Hi @ArtMag , Videos were added using iframe. Go to your Code editor. Go to Themes > Actions > Edit code. Find the Asset folder and open the base.css. Then add the code below. NOTE: This will adjust all your iframe videos matching the width of the section. iframe { width: 100% !important; } If th…

Worked perfectly, thank you so much, and I love your YouTube videos and website for all the Shopify tips and tricks you share! :purple_heart:

To make videos in blog posts full-width, follow these steps: Identify the video element in your blog post. This can be a YouTube or Vimeo embed code or a self-hosted video file.Wrap the video element in a container with a class name. For example, you can use a element with a class name “video-con…

To make videos in blog posts full-width in Shopify, you can follow these steps: Log in to your Shopify admin panel. Navigate to “Online Store” and click on “Blog Posts.” Select the blog post where you want to add a full-width video or create a new blog post. In the blog post editor, click on the “…

Check Theme Settings: Start by checking if Dawn provides any built-in options for adjusting video width in its theme settings or customization panel. Themes often have specific settings for controlling media display. Custom CSS: If there are no built-in options, you can use custom CSS to overri…

Dawn: How to make videos in blog posts full-width?

Store Design

made4Uo February 21, 2022, 4:17pm 4

Hi @ArtMag ,

Thank you

Topic		Replies	Views
How can I make a YouTube video full width in Debut theme? Store Design	10	69	July 16, 2021
Full-Width Video - Stiletto Theme Store Design design	5	66	June 6, 2024
How can I make my blog post full width on the Symmetry theme? Store Design design , css	6	91	June 21, 2023
Full width video using on Debut home page? Store Design customizations , css	5	150	September 20, 2023
How can I adjust a full width video to 350px height on my home page? Store Design	5	134	September 3, 2021

Dawn: How to make videos in blog posts full-width?

Related topics