the rule that is responsible for the little dashed line is:

.avia-timeline-vertical .av-milestone-icon-wrap::after {
    content: "";
    height: 1000%;
    width: 1px;
    position: absolute;
    top: 0;
    left: 50%;
    border-left-style: dashed;
    border-left-width: 1px;
}

if you want to change something that will be the first startpoint for it.
For border-style see f.e.: https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#values

to put instead a dynamic Date inbetween these spaces is hard to obtain.

can you try this in your child-theme functions.php:

function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() ){
  if( $context == 'avia_masonry' ){
    $args['heading'] = 'h4';             
  } 
  return $args;
}
add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );

change h4 if you better like span or p tags

or you use some filters on that:

// for image lightbox setting 
function change_lightbox_size() {
    return "full";
}
add_filter('avf_avia_builder_helper_lightbox_size','change_lightbox_size', 10);

// this for masonry-galleries 
function avia_change_masonry_thumbnail_link($size){
  return "full";
}
add_filter('avf_avia_builder_masonry_lightbox_img_size', 'avia_change_masonry_thumbnail_link', 10, 1);

// Guess this will work too for galleries and masonries
function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta){
    $link = wp_get_attachment_image_src($attachment->ID, "full");
    return $link;
}
add_filter('avf_avia_builder_gallery_image_link', 'avia_change_gallery_thumbnail_link', 10, 4);

yes – and even if the calculation is this way ( which seems to be more logical ) – because slidenumber should be an integer value:
entry_count and columns-count should also be integers aswell – per definition.

$entry_count = $this->atts['items'];
$slidenumber = (int)($entry_count / $this->atts['columns']);
$slidenumber = $entry_count % $this->atts['columns']  ? ( $slidenumber + 1)  :  $slidenumber;

the slidenumber is for 1 column wrong and for the rest +1 ? i see not the error ?

you see that this is the name of the docx that is shown. It is the original title of the source you used for the pdf. Well if you have generated the new pdf on bases of that old 2020 docx – this will be part of the pdf. This is the way all distillers – pdf generators work – they implement the source name as title of the pdf.
If you open a pdf on your desktop – and open Setting on Acrobat (sorry it is my german version ) you will see this:

The Title of the source is your old docx
So if you rename the docx to the 2021 Variant – and generate afterwards your pdf – this will be the way you want it.
But is it really neccessary? I have a lot of layouts based on Indesign docs that are much older – and that will be allways part of the pdf that are generated.
PS: if you got the Acrobat ( not reader ) you can change it on that settings field – without generating again the pdf – only type in what you like to have. see here: https://webers-webdesign.de/IGB2021-ProAmMultiDancesupdated.pdf
(after you checked my edited pdf – i will erase it)
PPS: this is only shown on chrome. Either firefox nor Safari shows it.

• This reply was modified 4 years, 3 months ago by Guenni007.

please try this in the video input field:

https://www.youtube.com/watch?v=GaQZiEjfstA?autoplay=1&cc_load_policy=1&enablejsapi=1&end=41&loop=1&playsinline=1&start=3&color=white&iv_load_policy=3

can you please go to your enfold options : blog-layout : “Blog meta elements”
select what you like to preserve.

If that does not help – we will find a different way. Is this on your page the list-layout simple ?

dear Ingo, what please is so hard about copy&paste? https://kriesi.at/support/topic/video-behind-gif-png-picture/#post-1289654
If I copy my code from above and paste it into the developer tools as css it is as you want it. Why are things forgotten to take over?

where is the background-size = 0 on the color-section ? (.avia-section.not-fullsize )
where is the :after rule on the color-section ? ( .avia-section.not-fullsize::after )

PS: wenn es sich nur um diese Seite ( bzw ist ja ein single post) könnten wir das ganze noch nur für diese Seite setzen.
z.b #top.postid-3432 .mfp-top-bar
und if(is_single(3432)){ … }

und da du ja ohnehin noch in alle nochmal rein musst (ist momentan ja nur das Angst Video zu sehen) , um die Links zu setzen, – du brauchst hierfür nicht mehr das addendum “?iframe=true” setzen, da wir ja unseren eigenen Trigger zur Auslösung der Lightbox definiert haben. Für SEO wäre es schon besser du würdest dann auch den Title richtig setzen – obwohl wir Ihn ja momentan nicht benötigen.
Innerhalb der Text Box reicht es wenn du die Begriffe so setzt:

<a href="/wp-content/uploads/Future-12917-1.mp4" target="_blank" rel="noopener">etwas anderes</a>

PPS:
– die spans benötigst du auch nicht, das würde ich über quick css auf einmal setzen:

#after_submenu .avia_textblock p {
	font-weight: bold;
	font-size: 14pt; 
	font-family: verdana, geneva, sans-serif;
}

– damit die Video Galerie nun nur innerhalb eines Anfangsbuchstaben rotieren ( loop ) können wir Gruppen setzen.

first – to have a high specific selector it might be better to have a unique ID or Class at one parent-element of all those links – f.e. a custom iD to the color-section that is now named : after_submenu and contains all your links.

can you please post the inserted phrase in the text-block – did you do that all manually?
i see on all the titel=”Text” – why don’t you give the correct title to each post? – but we don’t need it for a custom lightbox markup

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

After that i will adjust the code for you .

• This reply was modified 4 years, 3 months ago by Guenni007.

if your width is 1920px the height had to be : 1080px ( 1920 x 9 / 16 )
and mediaquerries switch point must be adjusted too.

so it had to be instead:

.avia-section.not-fullsize {
  background-size: 0;
  height: 56.25vw
}

.not-fullsize .avia-slideshow {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto !important;
}

.avia-section.not-fullsize::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit !important;
    background-repeat: no-repeat;
    z-index: 5 !important;
    will-change: transform;
    pointer-events: none;
}

@media only screen and (min-width: 1920px){
    .avia-section.not-fullsize::after {
        background-size: 1920px 1080px;
        background-position: center center;
    }
    .not-fullsize .avia-slideshow,
    .avia-section.not-fullsize {
        height: 1080px !important;
    }
}

@media only screen and (max-width: 1919px){
  .avia-section.not-fullsize::after {
    background-size: 100vw 56.25vw;
    background-position: center center;
  }
}

btw. you can use normal pdf browser viewer and embed a pdf like this:
https://webers-testseite.de/pdf-on-website/

first: if there is css code posted ? – on default the normal place to insert is quick css – you put it as ID ???

_______

A normal support of the team here should not really exceed the 10min. However, special requests are sometimes so complex that this time can not be kept here. – I do this on a whim, if I have time for it, and if it is an interesting question.
The approximation to your request should be sufficiently fulfilled with the following answer. I don’t feel like including the padding at the moment.

So the second of my example color sections has your video and a background graphic (your png) – both to be set as usual via the color section ALB element.

Please give the Color-Section the class: not-fullsize
and the following settings on alb element

The construction of the “background” is to go over the pseudo-container :after – which inherits the background of the color-section –
the section height has to be in relation to the video aspect ratio.

.avia-section.not-fullsize {
  background-size: 0;
  height: 56.25vw
}

.not-fullsize .avia-slideshow {
    width: 100%;
    max-width: 1410px;
    margin: 0 auto !important;
}

.avia-section.not-fullsize::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit !important;
    background-repeat: no-repeat;
    z-index: 5 !important;
    will-change: transform;
    pointer-events: none;
}

@media only screen and (min-width: 1410px){
    .avia-section.not-fullsize::after {
        background-size: 1410px 793px;
        background-position: center center;
    }
    .not-fullsize .avia-slideshow,
    .avia-section.not-fullsize {
        height: 793px !important
    }
}

@media only screen and (max-width: 1409px){
  .avia-section.not-fullsize::after {
    background-size: 100vw 56.25vw;
    background-position: center center;
  }
}

see again: https://webers-testseite.de/video-behind-a-hole/

you had to adjust the value of 1410px to your needs
my test page got 1510px and a padding of 50px left right. so a normal container width of the 1/1 container would be 1410px

if the video got the 16:9 aspect-ratio
for screens >= 1410px a video-width of 1410px so the height is : 1410*9/16 = 793px
for screens <= 1409px the video-width is 100vw (100% videoscreen-width) the height is then = 56.25vw

but nevertheless – i resetted one of my testpages – with enfold avia_reset button.
i emptied my child-theme functions.php – when i insert a new gallery – even make the setting of “Lightbox image description text” before inserting the images to the gallery – the lightbox shows the title. It seems that the lightbox images still take the title from the img and not from the anchor-tag. (and that is normal behavior on magnific popup titleSrc.
Again : i would have expected that there is no text in the lightbox.
_____________
@rob:
div .mfp-title { display: none !important;}
is working on that testinstall ( WP5.7/Enfold4.8.1) – and – yes you had to refresh all merging and browser cache etc. pp. if there are other caching tools too.

btw. rob an error like this in your konsole : Uncaught TypeError: e.indexOf is not a function

often comes if the new jQuery 3.5.1 is confrontrated with script like $(window).load(function(){
– that is deprecated code
replace instead : $(window).on('load', function(){
.click(function() with .on('click', function()

you got it in:

jQuery(window).load(function(){
	jQuery('#wrap_all a').removeAttr('title');
	jQuery('#wrap_all img').removeAttr('title');
	jQuery('.av-masonry-image-container').removeAttr('title');
});

have a look if there are other places you use the mentioned above.