put in that fields not the video alb element but a nice screenshot of a scene with image alb element.
You than can set the image link to a custom link. Add you link in it and after the video link ad &iframe=true
if it is the first option (or the only one ) it is ?iframe=true
f.e.
https://www.youtube.com/watch?v=qqXi8WmQ_WM?iframe=true&autoplay=1&ecver=2&rel=0
or paste this f.e. as a button link
https://www.youtube.com/watch?v=w4b3T93SZQg?autoplay=1&ecver=2&showinfo=0&loop=1&rel=0&iframe=true

seems that boardsoft changes & to &amp with ; so the last options do not work – but iframe works here too

by the way – if it does not work here – it is because the video has an age rating

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

you see here the code concerning to pre background:

pre {
    clear: both;
    border-style: solid;
    border-width: 1px;
    overflow: auto;
    padding: 2em;
    line-height: 2em;
    font-size: 12px;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
    background-image: -moz-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
    background-image: linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
    background-size: 100% 4em;
    font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    margin-bottom: 30px;
    position: relative;
    left: 0;
    text-transform: none;
    width: 100%;
}

it is here which rules the background – try this:

    pre { 
background-image: -webkit-linear-gradient(rgba(0, 0, 0, .2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(0, 0, 0, .2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(0, 0, 0, .2) 50%, transparent 50%, transparent);
}

you see 50% are light gray – 50% are transparent

hm a few days ago and on enfold 4.2.6. it is now on 4754 under _startSlideshow: function()

wow nice tip.

or have we to change here the workaround vice versa too – on clicking the buttons manually

		// public method: shows next image
		next : function(e)
		{	
			e.preventDefault();
			this._stopSlideshow();
			this._navigate( 'next' );
		},

		// public method: shows previous image
		previous : function(e)
		{
			e.preventDefault();
			this._stopSlideshow();
			this._navigate( 'prev' );
		},

by the way on some of the color-sections there are background images of kriesi demo still in there – not visible – because the http://test.kriesi.at website does not exist anymore – (f.e. : the image is now on: https://kriesi.at/themes/enfold-health-coach/files/2016/05/food-bg-3.jpg) but it hampers to be prooved as https konform
and the forgotton “transparent options logo” does it too ( there might be still the link to the http link)

third comment: https://kriesi.at/documentation/enfold/change-the-footer-text-and-link/
get rid of backlink to kriesi

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

are you realy shure it is a br ?
The auto p function of wordpress is sometimes the reason for having “blank lines”

you can deactivate it generally in functions.php of your child-theme:

remove_filter( 'the_content', 'wpautop' );
remove_filter( 'the_excerpt', 'wpautop' );

or you goto enfold shortcodes: textblock.php
and find:

$params['innerHtml'] = "<div class='avia_textblock avia_textblock_style' data-update_with='content'>".stripslashes(wpautop(trim(html_entity_decode( $params['content']) )))."</div>";

and replace it with:

$params['innerHtml'] = "<div class='avia_textblock avia_textblock_style' data-update_with='content'>".stripslashes(trim(html_entity_decode( $params['content']) ))."</div>";

on new Enfold it is on line 206

i think it is solve – he entered the code given here .
Thanks for response ! ;)

so i downloaded your svg file and have to beautify it first to see the code a bit more readable.
the header of the svg is not quite standard.

placing a xlink on a path would cause xml errors.

you can see the code on the link yourself.:

https://webers-testseite.de/asdfgadfg/

btw: i inserted a link on that little light bulb at the left (pointer will change to hand)

here is the way i made it :
you can define for each path a link (and a title) or group some path

<a xlink:href="https://guenterweber.com" xlink:title="here it goes to my homepage" target="_blank">
			<path d="M141.365 83.566c-6.127 0-11.09-5.764-11.09-12.872 0-7.109 4.963-12.872 11.09-12.872 6.125 0 11.09 5.763 11.09 12.872 0 7.108-4.965 12.872-11.09 12.872" fill="#9eb4ca"/>
			<path d="M158.934 53.806l-.111-.144-1.631-2.907c-2.096 2.157-5.11 3.515-8.465 3.515h-4.477v-2.288c0-.371-.316-.686-.761-.816l1.004-9.84-3.127-2.003-3.127 2.004 1.004 9.839c-.45.13-.764.445-.764.816v2.273l.002.015H134c-3.354 0-6.37-1.358-8.467-3.513l-1.54 2.744-.203.305c-2.86 3.729-4.566 11.074-4.566 16.022 0 12.208 9.93 22.143 22.139 22.143 12.21 0 22.144-9.935 22.144-22.143 0-4.948-1.713-12.293-4.574-16.022m-17.57 43.274c-15.026 0-27.252-12.222-27.252-27.252 0-5.804 1.894-14.143 5.51-18.98L130.3 31.82h22.13l10.675 19.028c3.619 4.837 5.512 13.176 5.512 18.98 0 15.03-12.225 27.252-27.252 27.252m10.041-68.474h-20.082a3.023 3.023 0 1 1 0-6.044h20.082a3.022 3.022 0 0 1 0 6.044m-21.465-11.81c0-4.645 5.121-8.407 11.436-8.407 6.318 0 11.437 3.762 11.437 8.407v2.644h-22.873z" fill="#9eb4ca"/>
		</a>

for having cursor pointer – even on chrome you had to put in quick css:

path {  pointer-events: all !important }
a path:hover { cursor: pointer }

sorry – i should start to implement to the svg width and height.
without there is a need to make it via css. Now it should be seen on all browsers –
but i don’t know why css filter : drop-shadow does not work on chrome nor safari – allthough i setup a -webkit- rule
the fill rule works on hovering ?

i have only one image on a different site which seems to be loaded from a different site: disegno.jpg from http://www.gmrizzi.it
but the rest seems to be o.k.

you got it here : https://www.geoclima.com/wp-content/uploads/2013/05/disegno.jpg but sometimes it tries to load via an old site
guess you have to look into the layerslider backgrounds

And always think of it that german got two po/mo Combinations for Du/Sie ( the formal “Sie” )

hey Josue – nice to hear from you again!
Are you doing well?

Edit – oh wow – sometimes i have to look to the posting time . Sorry – Hope he is fine

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

and this is a very usefull tool is: https://developers.google.com/youtube/youtube_player_demo

on the footer you can switch the languages !

on inserting the video-id of your video 5kTP_6qW6IU and click “update player with selected options” the iframe code gets updated.
one thing to mention: the new ecver isn’t embedded on that page and if you choose “no modestbranding” ecver option does not work !

Important: press “show player controls” to have full access to all “screws” you can turn

so get rid of the autoplay=1

<div class="responsive-container">
	<iframe class="responsive-iframe" src="https://www.youtube.com/embed/5kTP_6qW6IU?enablejsapi=1&loop=1&rel=0&ecver=2&showinfo=0&color=white&iv_load_policy=3" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
</div>

btw. you can setup all css inline via functions.php of your child theme – then you can erase the quick css entries:

function set_container_for_responsive_youtubevideo(){
?>
<script>
(function($){
	$('.responsive-container').css({
		"position": "relative", 
		"overflow": "hidden" , 
		"padding-top": "56.25vw"
	});
	$('.responsive-iframe').css({
		"position": "absolute", 
		"top": "0" , 
		"left": "0", 
		"width": "100vw" ,
		"height": "56.25vw" ,
		"border": "0"
	});
	$('.responsive-container').closest('.container').css({
		"max-width": "100%", 
		"width": "100%" , 
		"padding": "0px"
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'set_container_for_responsive_youtubevideo');

you can see here on another test-page that the right css goes to the concerning section – if code-block looks like: https://webers-testseite.de/new-test-with-youtube-video/

<div class="responsive-container">
	<iframe class="responsive-iframe" src="https://www.youtube.com/embed/5kTP_6qW6IU?enablejsapi=1&loop=1&rel=0&ecver=2&showinfo=0&color=white&iv_load_policy=3" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
</div>

does this comes near to your aim: https://webers-testseite.de/video-tut/
but if screen size is very big the height will be more than screen height sometimes – and autoplay will not work on some mobile phones

but why not playing in lightbox: https://webers-testseite.de/videos-on-lightbox/
You can have then a nice masonry or something like that with images an link to video lightboxes

so for Johann Müller you gave the class smalldot to ul try this
(but this you have to do now manually – if you gave the class to text-block alb element you can do that via Input field – described above

you can see here that i can simulate the results by clicking the screen-film: https://webers-testseite.de/listpoints/
(the code comes to quick css – but for the simulation i alway use in developer tools a nearly empty css file)

 ul.normaldot {
    list-style: none outside;
}

.avia_textblock ul.normaldot {
    line-height: 1.2em;
}

ul.normaldot li::before {
    content: "\2022";
    padding-right: 5px;
    color: red;
    font-size: 18px !important;
}

.entry-content-wrapper .normaldot li {
    margin-left: 0;
  display: flex
}

the “list-point” size goes than via font-size – the different color you can delete