Video in Header

Dear Team,
for our header-area of the website www.pianofly.at/mentoring I would like to have a video where the picture is right now. When I add it personally, the video always grows so big and takes up the entire screen.

This is what it looks now: (pic 1)

This is what we aim for: (pic 2)

Our preview link: https://my.sitejet.io/goto/1941021/3430a5d755138ca4532b22c7e5879eceb19b25d356b32e166dc2d574aac53a25/my_website_presentation

our websitelink: www.pianofly.at/mentoring

Thanks

2 Likes

Hey!

You could add this to your css:

.ed-element.preset-text-with-image-v3-default>.inner {
         padding: 0 15%!important;

}

1 Like

Hi @Matej_Dzido

if I understand your question correctly you are trying to narrow the size of the image/text combination, right? You can achieve this by editing the surrounding container and simply adjust it’s width, e.g. to 50rem.
image

2 Likes

Hi Malte,
thanks for your resonse. uhm… I am sorry but I don’t get how this will solve my problem. I changed it but when I enter a Video instead of the picture it is this big and misplaced… :monkey_face:

I will now try with the CSS code that Zachary gave me, though I am not a coder, maybe it works.
cheers,
clara

1 Like

Guys, I added a completely new preset and set the two elements, should work now.

Thanks though for your help. still learning :slight_smile:
cheers,
c

2 Likes