Re: Getting image banner content on mp4 video

Getting image banner content on mp4 video

Distinctz
Explorer
83 0 6

hello everyone i want to get the text and button from my image banner on my mp4 video i first had a gif in the image banner but this was loading slow and looked not good so i searched on google how you can get a video background and followed the steps the video looks good now but the button and text not also i want to align the text to the middle left i wondered if there is a possibility of copying the code of the button and text and then paste it in the code of the video background hope someone can help me i put some pictures below to make it more clear thanks! 

 

the old gif with the button and text i want:

Screenshot 2024-02-22 10.37.09.png

 the new video with the wrong text and button:

Screenshot 2024-02-22 10.36.41.png

Replies 7 (7)

PaulMartin
Shopify Partner
624 60 148

You got the idea right by adding the text and a button. However, you'll need to add some design-code or CSS to match that of the GIF.

However it looks here that your button and text from the original section is applied correctly, you can copy that too so that you don't need to add CSS.

Distinctz
Explorer
83 0 6

hello thanks for anwering

 

i want the text to be exactly the same as on the old banner how can i copy that code?

 

Thanks!

PaulMartin
Shopify Partner
624 60 148

Hi Distinctz,

I'm still looking into why your new banner's text color is black instead of white. The code here says it should be white. Alongside how to apply the old button style to your new button.

PaulMartin
Shopify Partner
624 60 148

Hi Distinctz,

It looks like this new banner was built from scratch and not built atop of your existing theme. Copying the code unfortunately is not guaranteed to work because your theme has its own way of doing things correctly. If we were to copy the code into that new banner and remove/hide the old banner, the styling of your new banner will not be correct.

There are two ways with this, either hardcode like the new banner or build on top of your existing theme. I recommend the latter because it's much reliable.

Distinctz
Explorer
83 0 6

hello thanks for answering 

 

i read your message and now want to build on top of the existing theme but i build this banner because i could not find other options to make a video banner with text and buttons so if you know an other option i would also like to try it as long as it's looking the same 

 

Thanks!

 

 

PaulMartin
Shopify Partner
624 60 148

Hi Distinctz,

Sorry for a bit late reply. You were in the right direction in doing it though, don't be discouraged. Building on top of your theme is to follow how the creators of the theme built it out, reading and understanding how they made it should give you an idea, then follow that pattern. I can help you with it and write it for you, if you're up for it. I won't charge when I'm helping people out here, unless they indicate they want to pay.

Distinctz
Explorer
83 0 6

hi PaulMartin

 

thanks for replying i would be great if you could help me i have been trying everything i found but couldn't fix it by myself. Tell me where to start when you have time! 

 

thanks!