Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Background video and positioning text block on top

Home / Forums / Kadence Blocks / Background video and positioning text block on top

This topic is: Resolved
[Resolved]
Posted in: Kadence Blocks

Tagged: ,

August 26, 2023 at 11:00 pm

Hi team

I want to have a local mp4 video looping as the hero image on the home page. I have added it as a background video on a row.

Now I want to have a text block on top of the video block, that is positioned at the bottom right of the screen (on laptops + it should be sitting just above the fold, on mobile devices, the text block should sit in the center)…. It doesn’t matter what the text block say, but let’s pretend it says something like [h1] We are Awesome [h2] come and have fun [button text book now]

However, it seems I am unable to position the text where I want it. Each time I try to add padding or margins to a section (or even a new row added into a section), that seems to increase the size of the video. I really would like the video to be at 100% width and height of the available viewport, with a text block to the bottom right. How can that be achieved.

Example:

  • The forum ‘Kadence Blocks’ is closed to new topics and replies.