Hi Rikard,

In order to avoid clutter I thought I’d reply to this topic instead of opening a new thread, my bad. What I want to accomplish is a 1/4 1/4 1/2 column layout with less space between the colums than the default space.

Please see screenshot here: http://imgur.com/NQ9oFB1

Cheers,

Steven

and !!! what do you inserted in your video link ? this ist your site where the video to youtube is linked ?
that is why you got that scroll you got an iframe in an iframe !

see again here: https://webers-testseite.de/ikom/video/

do as manual link on your page direktly the link to youtube page :
https://www.youtube.com/watch?v=waXFJHu2Jy8?autoplay=1&rel=0&iframe=true

• This reply was modified 8 years, 11 months ago by Guenni007.

@cykelstyrken take a look in /enfold/includes/helper-main-menu.php. You will find a couple of action hooks that can be used to add extra content. Some of them are dependent on the header style you have chosen in the enfold setting (e.g. menu below). First of all you need a child theme either to use the hooks in the functions.php of the child or to overload templates.

For example if one would like to have the search box above the header you would use the following function and style it via css:

add_action ( 'ava_main_header', 'mmx_header_search' );
function mmx_header_search() {
	echo '<div id="mmx_header_search">' . get_search_form(false) . '</div>';
}

To get the header style like in your example you could use the enfold header style ‘logo left, menu below’ and add the following code to your child themes functions.php:

add_action ( 'ava_before_bottom_main_menu', 'mmx_header_search' );
function mmx_header_search() {
	echo '<div id="mmx_header_search" style="display: inline-block; position: absolute; top: 2em; right: 3em;">' . get_search_form(false) . '</div>';
}

This examples should give you an idea how to accomplish this task and where to start. Have fun.

well a lightbox is a lightbox – but you want it as big as possible!

please insert into your quick css:

.mfp-iframe-scaler {
    height: 55vw !important;
    width: 98vw !important;
}

you can do 100vw and 56vw – but than i think the close button is out of screen. ( The values concern to 16:9 ratio)

btw: on youtube something changes with embed code !!! do not take the embed code instead look to your url in the browser window for that video on my example (right side) the link in the url is:
https://www.youtube.com/watch?v=B7wkzmZ4GBw
the link given to you by clicking the share button is:
https://youtu.be/B7wkzmZ4GBw
if you click on embed on that screen you will get the iframe link:
<iframe width="560" height="315" src="https://www.youtube.com/embed/B7wkzmZ4GBw?rel=0" frameborder="0" allowfullscreen></iframe>

But we need the url in the browser add to that url:

https://www.youtube.com/watch?v=B7wkzmZ4GBw?rel=0&autoplay=1&iframe=true
and place it as manual link

• This reply was modified 8 years, 11 months ago by Guenni007.

Basic Solution
Enhanced Solution

what kind of video link is it – a selfhosted or youtube or vimeo ?

first place an image element . On that element there is a second tab – “link settings”
place an individuell (manuell link) put in the video url
and just try to ad after the url ?iframe=true f.e.

https://vimeo.com/4949853?iframe=true

the first option must added with the “?” after that each option has to be added by “&” so f.e.

https://vimeo.com/4949853?iframe=true&autoplay=1

see here: https://webers-testseite.de/ikom/video/

for youtube i think it is similar to that. For selfhosted i did not do a test til now.

• This reply was modified 8 years, 11 months ago by Guenni007.

Basic Solution
Enhanced Solution