Media video header size and alignn

This topic has 6 replies, 2 voices, and was last updated 6 years, 7 months ago by Acme Themes.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
April 4, 2018 at 2:39 pm #27976
juh
Participant
(not sure why but I cannot see the post anymore, so I’m posting again. Might be duplicate)

Hello,
I just added a video in the header but I want it smaller and more aligned in the center.

website : http://juh.com.fr/

For example, screenshot with the full size video you can see that it is too much in the left, hiding part of the background picture :
https://ibb.co/btvkux
Also I don’t want the video to take such big place, so to try to reduce it I tried that in the CSS:
```
video#wp-custom-header-video {
    max-width: 40%;
} 
```
It works to reduce the size of the video but the overall frame is still taking too much space, and the video is still not centered.
See screenshot with max-width reduction:
https://ibb.co/fVv77H

Could you help to tell me which css code and variable I should add and play with to adjust the media size and alignment ?

Thanks in advance
April 6, 2018 at 12:49 pm #28110

juh
Participant

Hello, do you know how to do that ?
Can it be done with the css ?

April 6, 2018 at 5:57 pm #28119
Acme Themes
Keymaster
Hello juh,

Can you try the following custom CSS
```
div.wp-custom-header {
    max-width: 40%;
    margin: 0 auto;
}
```
Thanks!
April 6, 2018 at 8:33 pm #28127

juh
Participant

Thanks it is now on center but there are still a lot of space between the menu and the video and between the video and the logo/img banner.

See screenshot : https://ibb.co/nuVxCH

How can I adjust this space before and after the media ?

April 7, 2018 at 5:25 am #28139
Acme Themes
Keymaster
Here is custom CSS:
```
iframe#wp-custom-header-video,
video#wp-custom-header-video{
	height: 233px;
}
```
Let us know if this fix the issue.

Thanks!
April 7, 2018 at 8:32 pm #28156

juh
Participant

yes it works ! thank you

April 8, 2018 at 4:22 am #28180

Acme Themes
Keymaster

Good to know!
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Media video header size and alignn’ is closed to new replies.