How to position button below video

Hi Karsten,

Are you talking about this yellow button?
https://www.screencast.com/t/vxrSNz3rh

If so, it's not possible to move it up below the video.

I would recommend add a button below the video in the page editor, give it an additional CSS class: hide-on-desktop, then it will only show on tablet and mobile.

Hello Ying,

thank you for your response.

No, I am talking about the blue button (sorry, I was working in the meantime and found out that I can stack container by giving them numbers).

But I still couldn't figure out how to position the blue button below the video.

Please check here again:

thank you very much

Karsten

If you are talking about this button, then its nested container is not a grid item, you'll need to toggle the option to make it the same as the other 2 containers:
https://www.screencast.com/t/vfQmDulEQu

Select the container block, this option should appear:
https://www.screencast.com/t/oEpzgJGYKr

Let me know if you need further assistance :)

Dear Ying,

your information was already helpful, but unfortunately I don't see this option when I select the container block as you can see here.

Hi Karsten,

That option Ying mentioned only appears if the container block is a direct child if the Grid Block.

In your case, the container block is a grand child of the Grid Block (child of a column Container block inside a grid block). That is why the option isn't appearing.

Here's a suggestion:

Try duplicating the button. You then place the duplicate under the video.

You then add hide-on-desktop hide-on-tablet class to the button's container block for the button on the right column.

You then add hide-on-mobile class to the button's container block for the button on the left column.

Hey Elvin,

great, thank you very much. Your suggestion works perfect.

Best,

Karsten

No problem. Glad to be of any help. :D