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

Solved
ArtMag
Excursionist
20 0 5

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 theme editor?

Accepted Solution (1)

Accepted Solutions
made4Uo
Shopify Partner
1386 207 315

This is an accepted solution.

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 this helped you, please select as a solution. Thank you

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.

View solution in original post

Replies 3 (3)
made4Uo
Shopify Partner
1386 207 315

This is an accepted solution.

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 this helped you, please select as a solution. Thank you

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
ArtMag
Excursionist
20 0 5

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

made4Uo
Shopify Partner
1386 207 315

Hi @ArtMag ,

 

Thank you

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.