Full-Width Video - Stiletto Theme

XUCK
Visitor
2 0 0

Hey there,

The whole site (Stiletto theme) I am working is full-width. I can't seem to get the video to go full-width too. 

Could someone please help me?

Cheers! 

Replies 5 (5)

PageFly-Noah
Shopify Partner
1256 222 255

This is Noah from PageFly - Shopify Page Builder App

I can help you. Please can you provide the website url. Thank you.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Vinsinfo
Shopify Partner
302 112 107

@XUCK Please provide your store URL to help you on this.

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
XUCK
Visitor
2 0 0
Vinsinfo
Shopify Partner
302 112 107

@XUCK Please follow below steps to set full width to video. Let me know whether it is helpful for you.

 

1. From admin go to "Online Store" -> "Themes".
2. Click "Customize" button from the current theme.
3. Click "Video" section.
Vinsinfo_0-1717680500103.png
4. Paste the below code in the "Custom CSS" field and save changes.

 

.video {
    padding: 0px !important;
    max-width: 100% !important;
}

 

Vinsinfo_2-1717681148216.png
 
Result will be like,
Vinsinfo_1-1717681105389.png

 

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

Rakesh_patel_68
Shopify Partner
35 5 6

Hello @XUCK 

The whole site (Stiletto theme) Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

.video {
  max-width: 100%;
  padding: 0;
}

If a particular video section is full width then add CSS rules.
video.png

.video {
  max-width: 100%;
  padding: 0;
}

 

If I managed to help you then, don't forget to Like it and Mark it as a Solution!

 

Best Regards,
Rakesh_patel_68

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution.