hello, can someone give me code to have a full width video with text overlay and a button? I am using craft theme my site is www.royalsurge.shop Any help is appreciated thanks!

HI @royalsurge To make the video banner section, it requires to add code into your theme, so in this case if you don’t know the code, you should hire an expert, they can help you build that section.

Hi @royalsurge We’re happy to support you, but can you provide us with detailed information (description, screenshots) about your current issue and what you want it to be like? Then, we will check it and suggest you a solution if possible.

Hi @royalsurge May I suggest to update code these steps: Go to Store Online-> theme → edit code Sections/base.css Add a new section → video-with-text Open Sections/video-with-text.liquid replace content with code below {{ 'component-image-with-text.css' | asset_url | stylesheet_tag }} {%- style…

Thank you so much for this code!! It worked for my website! Thank you! However, when I use it, my video isn’t full screen, but there is padding on the sides. Is there a way to make this go from edge to edge on my screen? Thank you again!

Hi, You can add code below like the screenshot. width: 100%; height: auto; [EBOOST_1-1695714417312.png]

Hi Thank you so much for the code. Worked pretty well for me albeit a small issue. The video doesn’t stretch across the full screen width even after I added width: 100%; height: auto; after .video-with-text .image-with-text__media video{ position: static!important; With this LINK you can ac…

Hello, he’s trying to say that the video section isn’t full width. I attached a photo (I covered the video) but I highlighted with red the margins. [Untitled.jpg] I used width: 100%; height: auto; but isn’t working. Do you know how could we make it full width ?

This code should work to make it full width. {{ ‘component-image-with-text.css’ | asset_url | stylesheet_tag }} {%- style -%} .section-{{ section.id }}-padding { padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; padding-bottom: {{ section.settings.padding_bottom | time…

Hi Lboehm, is this code still up to date? I am trying to use it and I am getting a few errors in the customizer. [Screenshot 2024-09-07 at 9.53.28 AM.png] [Screenshot 2024-09-07 at 9.54.39 AM.png]

Full width video with button and text overlay ( craft theme )

Store Design

KetanKumar December 26, 2022, 2:17am 3

@royalsurge

yes, please check your theme customization section may allow this if doesn’t there let me know it can be done some customization code

Topic		Replies	Views
Add text and button over video Technical Q&A customizations , css	15	206	February 3, 2026
Dawn theme: add Color scheme setting to video with text section Store Design design , customizations , shopify-themes	11	168	June 6, 2025
How can I create a video with text section in the Dawn theme? Store Design	126	2390	April 7, 2025
Getting Image Banner Content On Mp4 Video Store Design design , css , troubleshooting , html	17	222	May 24, 2024
How to move text and button on video background to the far left on trade theme Store Design design , customizations , shopify-themes	2	36	June 13, 2024

Full width video with button and text overlay ( craft theme )

Related topics