Oh, come on now – you should be able to provide a little of your own effort and, above all, transfer performance!

make the selector more specific.
if there is $('.pum-trigger').each(function() { – this will influence all elements with “pum-trigger” class.
you can give to those columns f.e. a custom class – or to the color-sections etc. pp.
if it is only on that page ( page id : 7) and in that color-section etc etc.

$('#top.page-id-7 #av_section_2 .pum-trigger').each(function() {

the first snippet is untouched of that – so in the popup there will be the date.
But the transfer to the trigger is only on those more specific selected elements.

or: prevent the creation of these links: if you are on single post

see: https://kriesi.at/support/topic/remove-permanent-link-from-the-post-h1-title/#post-1220155

sadly the hover style is correlated not to the anchor but to that class .post-title:
so set it to 1

.html_elegant-blog #top .post-entry .post-title:hover, 
.html_elegant-blog .avia-content-slider .slide-entry-title:hover {
    opacity: 1;
}

it is not as perfect as it could be.

@ismael – i think he is looking for a solution in that li with a lot of text following “Dabei werden zwei Arten unterschieden:”

Please remove the code – and after that i will see if it is better with some different code.

Add to your code :

.entry-content-wrapper .smaller-dots li {
    display: flex;
}

and maybe 8px padding-right is enough to synchronize it with the other normal dots:

.smaller-dots ul li::before {
    content: "\00BB";
    padding-right: 8px;
    color: red;
}

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

if you look to my testpage now :
Uploaded Images ( left tranfered to sRGB before uploading) ( right – with ProPhotoRGB)
all smaller calculated images are not “well colored”
what I don’t quite understand is why the original Size on both images ( and in my lightbox these are displayed ) have correct colors – although it is a ProPhotoRGB.

Yes – and i see on your Webpage that you are a professional Photographer.
If i work with my photos i do work as long as possible in AdobeRGB – because the color room is bigger than on sRGB. For webupload i do transfer those profiles to sRGB – not all Browsers have a color-management for adobeRGB ( Firefox , Edge) – Safari and Chrome not.
See here one of your Photos – left with sRGB Profile embedded – right with adobeRGB:
https://webers-testseite.de/reina/
when you have seen it – i will remove those examples.

and you definitly have a fontello icon set ? – and that has the new icons for your new definitions.
( the standard enfold fontello set is: entypo-fontello )

Did you place it in your functions.php on the right place? right before that
line 844 :

require_once( 'functions-enfold.php');

Did you refresh all cachings – refresh the merging of Enfold on Performance Settings ?

But now you have decided to have the stretched Layout:
_____
Yes – you have to think about that, and it happens even with experienced users.
So my recommendation: as long as you are still working on the site, trying out different stylings and css settings, turn off all caching you have influence on. So the merging of the css and js files in Enfold and also turn off caching plugins. The browser cache can be hard refreshed relatively quickly with key combinations depending on the browser.
As soon as this phase is finished, you can take care of the performance.

PS: Any image larger than 2560px will be scaled by wordpress during upload and saved as original with the name xyz-scaled.jpg.
So in order not to inflate your upload unnecessarily, you should not upload images larger than 2560px.
And you should choose a higher compression rate in your graphics program when saving.
Unfortunately, the Enfold calculated image formats have no more compression, so it can happen that the original file has less filesize than the 1500px image from Enfold.

There are only a few images ( monochrome gradients – like sunsets or skin tones )where it could really be noticeable.
But you gain quite a bit in performance. It is of little use if your pictures look sharp and beautiful, but take 10s to load. Then the viewers of the pictures are already gone.

There are some snippets to avoid that and define a compression rate for those recalculated Images on upload.
This snippet in your child-theme functions.php set the compression rate to 55 ( instead of 100 : no compression )

add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1);
add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1);
function avf_set_quality_mod($quality) { $quality = 55; return $quality;}

remove all css rules trying to get rid of the headers of that page. The mentioned template will do the job and will think of the right padding for #main
a page popup is done easily by the page link followed by ?iframe=true
f.e.: see here a demo page : https://webers-testseite.de/my-website/
on the right button i have inserted as link : https://webers-testseite.de/under-construction?iframe=true
that is my “Maintenance Mode” Page
Left is an external page of mine.

But this does not belong to the code i gave to you.
What do you see if you go to dashboard – general – Date Format : if you choose custom and put in : l \d. d.m.Y on preview:
________

you see here that the normal format is for Weekday a capitalized result.
btw: you don’t want all letters uppercase – just the first one?

You do not think about the padding-top of #main caused by a header calculation height.
But:

The solution is actually very simple, by not selecting the default template, but “Blank – no header no footer”.

You open the editor for this page and right at the meta boxes you see Template.

But think of – you want the publishing date of the popup to show – i can see now different manual dates on that:

https://kriesi.at/support/topic/date-appearance-in-text-box/page/2/#post-1301398

ok – you got it now
But – now you have to remove in your popups the shortcode :

<span class="date-published">[post_published]</span>

if you do not want to show the published date in the popups content – you can hide it there.
or you can shift it to the bottom of the popup content.

on your triggers : you have the classes ( f.e.)
popmake-21659 pum-trigger

on my testinstallation i would have:
pum-trigger popmake-21659

we need that popmake-21659

so just replace the whole code by:

// this is now the code to insert the popup publishing date - 
// all credits goes to a guy that helped me from wp-popupmaker : Mark Chaves !
function add_date_time_popup_content( $content ) {
	if ( ! function_exists( 'pum_get_popup_id' ) ) return;
	$popup_id = pum_get_popup_id();
	return "<p class='date-published'>" . get_the_date( 'd.m.Y' , $popup_id ) . "</p>" . $content  ;
}
add_filter( 'pum_popup_content', 'add_date_time_popup_content' );

//-----------------
// this is the known script
function show_date_of_popup(){
?>
<script type="text/javascript">	
(function($) {
	$(document).ready(function(){ 	  
		$('.pum-trigger').each(function() {
			var pumPopup = $('.pum').css('display');
			var trigger_name = $(this).attr('class').split(' ')[0];
			var publishingDate = $(this).closest('#top').find('#'+trigger_name+' .date-published').text();
			var date_published = $('<span class="puplished">'+publishingDate+'</span>');
			$(this).append(date_published);	
		});
	});	
})(jQuery);	       
</script>
<?php
}
add_action('wp_footer', 'show_date_of_popup', 9999);

hi Telmore – have a look at https://kriesi.at/support/topic/date-appearance-in-text-box/page/2/#post-1302576 – it works

here are some other overlapping samples:
https://webers-testseite.de/overlapping/
or https://webers-testseite.de/overlap-to-followed-section/

you see here too – that you can even use the animation of enfold for those overlapping columns.