# Video in Header

**URL:** <https://community.sitejet.io/t/video-in-header/150>\
**Category:** Website Builder\
**Tags:** cms\_content\
**Created:** [May 27, 2021, 4:12pm UTC](https://community.sitejet.io/t/video-in-header/150 "2021-05-27T16:12:43Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Matej\_Dzido](https://avatars.discourse-cdn.com/v4/letter/m/ecd19e/32.png) [@Matej\_Dzido](https://community.sitejet.io/u/Matej_Dzido)\
**Post date:** [May 27, 2021, 4:12pm UTC](https://community.sitejet.io/t/video-in-header/150/1 "2021-05-27T16:12:43Z")

</div>

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)

 ![pic1](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/1X/add315d54bd496d9f9f2b6df36494a074ddbf0d5.jpeg)

This is what we aim for: (pic 2)

 ![pic2](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/1X/3dd32db9585ccb52a3f713a2ecc620e3bc24d500.png)

Our preview link: [Website Portal - Reset password](https://my.sitejet.io/goto/1941021/3430a5d755138ca4532b22c7e5879eceb19b25d356b32e166dc2d574aac53a25/my_website_presentation)

our websitelink: www.pianofly.at/mentoring

Thanks

---

<div class="post-metadata">

**Author:** ![zachary](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/zachary/32/26_2.png) [@zachary](https://community.sitejet.io/u/zachary)\
**Post date:** [May 27, 2021, 7:45pm UTC](https://community.sitejet.io/t/video-in-header/150/2 "2021-05-27T19:45:34Z")

</div>

Hey!

You could add this to your css:

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

```

}

---

<div class="post-metadata">

**Author:** ![malte](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/malte/32/28_2.png) [@malte](https://community.sitejet.io/u/malte)\
**Post date:** [May 28, 2021, 8:39am UTC](https://community.sitejet.io/t/video-in-header/150/3 "2021-05-28T08:39:23Z")

</div>

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](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/1X/e7b6e5025d2b9765171facfeed81ebe0b4e1d895.png)

---

<div class="post-metadata">

**Author:** ![Matej\_Dzido](https://avatars.discourse-cdn.com/v4/letter/m/ecd19e/32.png) [@Matej\_Dzido](https://community.sitejet.io/u/Matej_Dzido)\
**Post date:** [June 7, 2021, 2:01pm UTC](https://community.sitejet.io/t/video-in-header/150/4 "2021-06-07T14:01:41Z")

</div>

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… 🐵

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

---

<div class="post-metadata">

**Author:** ![Matej\_Dzido](https://avatars.discourse-cdn.com/v4/letter/m/ecd19e/32.png) [@Matej\_Dzido](https://community.sitejet.io/u/Matej_Dzido)\
**Post date:** [June 7, 2021, 2:07pm UTC](https://community.sitejet.io/t/video-in-header/150/5 "2021-06-07T14:07:50Z")

</div>

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

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/1X/3ba533037ca36eb9875f8849039aa5217c02ce24.jpeg)

Thanks though for your help. still learning 🙂  
cheers,  
c

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [June 28, 2021, 2:37pm UTC](https://community.sitejet.io/t/video-in-header/150/6 "2021-06-28T14:37:59Z")

</div>

Closed on June 28, 2021, 2:37pm UTC