this is a nice tip – i put this into a text-block:

[video src="/wp-content/uploads/meeting1035.mp4" loop="on" preload="auto" poster="/wp-content/uploads/screenshot-1.jpg"]

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

left shortcode from ismaels link above – second with image alb element (for lightbox open)

or you post a link to your page and we will have a look
you can see here a working example: https://pirol-hifi.de/silbersand/
but it would be better to adjust it for your page

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

if you are a bit familiar with coordinate systems and polygones – you can try the clip-path method:
the css code is on that test-page.

https://webers-testseite.de/elegant/polygones/

polygone coordinates starts at left top corner and goes clockwise around.
to have y coordinates it will be nice to have relativ values concerning to screen width

The starting page is made this way too: https://webers-testseite.de/elegant
on scrolling you will see that is realy transparent

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

well it is a custom-class first.

I have interpreted your desire to have a popup modal window on a link

every link you can setup (in text-block or as alb element like a button) you can give a custom class to.
so if there is a link like <a class="open-popup-link" href=" … </a> it will than open in a modal window.

the code itself comes to child-theme functions.php

i have that problem too on a flyout in which i placed a link to a film – allthough i add that ?iframe=true (or &iframe=true– depending if there is allready a ? ) it does not open in a popup window.

my script here: https://kriesi.at/support/topic/google-jquery-loading/#post-778242 has the advantage that if google resource could not be loaded – the local one will be loaded instead.
Maybe you are on a local install and internet is offline or fails etc .pp

yes – but i want to have the opportunity to have the choice on page/post editior to set it to be hidden.
(Thats is the following when i uncomment that transparency check on functions-enfold.php)
the following will cause every header to have titlebar.

https://kriesi.at/support/topic/position-title-bar-below-first-element/#post-910579

the following does not overwrite:

//deactivate title bar if header is transparent
if(!empty($transparency)) $header['header_title_bar'] = 'hidden_title_bar';

but even if it does : I want to preserve the choice on page/post editor to set it to be hidden
if that code here would overwrite the transparency check every transparency header will have forced title-bar

add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 9999, 1);
function avf_header_setting_filter_mod($header) {
  if(!empty($transparency)) $header['header_title_bar'] = 'title_bar_breadcrumb';
  return $header;
}

so i thought if a rule would be more specific than the transparency check could overwrite the parent check.
Something like if transparency setting is not empty && header_title_bar is not hidden_title_bar than $header header_title_bar should be the value what is set in meta.
But i can not reach it.

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

yes i know that i can totaly copy the function to child-theme functions.php – but there must be a more elegant way to avoid that transparency check.

no – to early

it should be not set globaly

i want to get rid of that check via child-theme
the transparency does not allow breadcrump because:

//deactivate title bar if header is transparent
if(!empty($transparency)) $header['header_title_bar'] = 'hidden_title_bar';

header_title_bar should get the selected value even for transparency is set.
but i think there must be a child-theme solution to uncomment this

i don’t know why your blog-meta is empty ?
on default it should be there – but whole container is empty

did you have some entries in functions.php of your child-theme
f.e. a filter with avf_loop_index_blog_meta ?

i see in your css:

#top .main_color .input-text, #top .main_color input[type="text"], #top .main_color input[type="input"], #top .main_color input[type="password"], #top .main_color input[type="email"], #top .main_color input[type="number"], #top .main_color input[type="url"], #top .main_color input[type="tel"], #top .main_color input[type="search"], #top .main_color textarea, #top .main_color select {
    border-color: #363636;
    background-color: #111111;
    color: #8c8c8c;
}

and this is in your vip.entertainment.css ( don’t know where this comes from- it is no enfold including css file)
or do you have renamed your child-theme?

change the background-color to your #fff

try to overwrite these rules on taking the contact-form 7 classes:

.wpcf7-form .wpcf7-select, 
.wpcf7-form .wpcf7-text {
	background-color: #fff !important
}

Maybe a plugin can give you this feature.
But you have to make a lot of css instructions to have main etc to be at least semitransparent.

Kriesi itself got a photo theme : flash – looks a bit of that you like to have : Link
but it does not have that brilliant Avia Layout Builder integrated.

so here is an old plugin – but it will do the job: https://wordpress.org/plugins/responsive-full-width-background-slider/

if you like to have shrinking header or fixed header you must have no margin on top !
if you can live with scrolling header : only a few settings are necessary!
you can place your content on left or center with a few css rules.

but: you see there must be some settings to do to have behind content a semi-transparent look and feel.

see here: https://webers-testseite.de/bernhard/

well – i can not simulate it on ipad and i don’t know where your break-point to mobile view is
but i would get rid of that align center method and try to position it in this way:

.av_secondary_right .sub_menu {
    padding-left: 0;
}

#avia2-menu {
    width: auto !important;
    position: relative !important;
    float: left !important;
    left: 50% !important;
    transform: translateX(-50%);
}

can you try this and have a look to your ipad if it works the way you want

you have clicked on one of those columns. because the visual hover-state of my test-page is in quick css.

you have downloaded the column.php again as in thread here https://kriesi.at/support/topic/make-entire-column-clickable/#post-909911

you have read this carefully: https://webers-testseite.de/edited-enfold-alb-elements/

i think you are using an old demo template
test.kriesi.at does not exist anymore since Kriesi switched to https.

You use Gym demo and the hero 2 is:

it is the background-image on that color-section.

link is now: https://kriesi.at/themes/enfold-gym/files/2016/02/hero-2.jpg