How can I explicitly test whether it is loaded – here, for example, I can’t find anything in the network analysis.

https://kriesi.at/themes/enfold-construction/contact/

i think that the dotlottie is using some polyfill features. And some older parallax scripts do too.

For your reference, attached is a list of your projects where we have detected Maps Javascript API usage. Please check all sites associated with these projects.

thanks for the info – and these projects are Enfold Sites?

where does that main.css inside child-theme folder comes from?

I guess here is the crux.
There are a lot of slider rules inside . – commenting them out – will do the job.
but i think you had to invest more time to look if these are neccessary.

…

if you make the screen a bit more narrow – that one of the three images is on the second row : and then hove that image you can see three hover overlays ( move the mouse from top to bottom of the image)

is it a third-party plugin for hover-styles?

And now it becomes realy strange – because if you look to the DOM all Links are sometimes the same as the image goes to!
click to enlarge:

did you get it to work correct? Because on my browser the links of all three are the same.
(image, title and lees meer)

• This reply was modified 1 year, 4 months ago by Guenni007.

https://webers-testseite.de/h-tag/

to have no bad influence on other text-block elements – give a custom class (f.e.: inline-headings) to those text-block elements.

hast du eventuell ein snippet in deiner Child-Theme functions.php welches entry-title betreffen könnte. der sollte eigentlich innerhalb von entry-info liegen.
Was er bei manchen nicht macht. Es scheinen auch nur die avia-post-next betroffen zu sein. Befindet sich der Beitrag im previous link , dann ist der entry-title zu sehen.
Eventuell ist es auch ein Plugin was hier mit reinfunkt.

________

you may have a snippet in your childtheme functions.php that could affect entry-title. it should actually be inside entry-info.
Which for some it is not. It also seems that only the avia-post-next is affected. If the post is in the previous link, then entry-title is visible.
There may also be a plugin involved.

was genau hast du hochgeladen? den Font selbst – einen Ordner mit dem Font darin? oder doch ein zip file mit besagtem Ordner?
Welches Format hat dein Font file?

Das hier in die Child-Theme functions.php:

function my_datepicker_defaults() {
?>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", function () { 
(function($) {        
    $(".avia_datepicker").datepicker({
		beforeShow: function(input, inst) {
			jQuery("#ui-datepicker-div").addClass(this.id);
			inst.dpDiv.addClass("avia-datepicker-div");
		},
		showButtonPanel: true,
		closeText: AviaDatepickerTranslation.closeText,
		currentText: AviaDatepickerTranslation.currentText,
		nextText: AviaDatepickerTranslation.nextText,
		prevText: AviaDatepickerTranslation.prevText,
		monthNames: AviaDatepickerTranslation.monthNames,
		monthNamesShort: AviaDatepickerTranslation.monthNamesShort,
		dayName: AviaDatepickerTranslation.dayNames,
		dayNamesShort: AviaDatepickerTranslation.dayNamesShort,
		dayNamesMin: AviaDatepickerTranslation.dayNamesMin,
		dayNames: AviaDatepickerTranslation.dayNames,
		dateFormat: AviaDatepickerTranslation.dateFormat,
		firstDay: AviaDatepickerTranslation.firstDay,
		isRTL: AviaDatepickerTranslation.isRTL,
		minDate: AviaDatepickerTranslation.minDate,
		changeMonth: true,
		changeYear: true,
		yearRange: "c-100:c+10",
	});          
}(jQuery)); 
}); 
</script>
<?php
}
add_action('wp_footer', 'my_datepicker_defaults', 20);

Wenn du nicht in Abhängigkeit vom current Year ( das was oben gerade in der Leiste angezeigt wird ) die Dropdown Zeitspanne angeben willst kannst du auch oben stattdessen absolute Werte eintragen:
yearRange: "1900:2034", oder ein Mix: yearRange: "1900:c+10",

Leider fand ich keine Möglichkeit mich in die Funktion einzuhaken , um nur diesen Wert zu ändern , und die default Werte unverändert zu belassen.
die Einstellung yearRange ist hier zuständig.

you can see here an example not using the transparency option in enfold for a second alternative logo.
But here i start with a fill change on start – and after the class ( header-scrolled) is present – the initial fill is shown:

.html_header_transparency #header:not(.header-scrolled) .buchstabe {
  fill: #FFF;
}

https://webers-testseite.de/
all letters have that class “buchstabe” ( the german word for it. ) – i start with #FFF

Thats the old illustrator error. Because illustrator (in former versions) always uses this class with index ( st0, st1, st2 etc.)
So there is a mess if there are more than one inline svg used on a page. The last one on page makes the rules for that class.
The big advantage of using inline svgs is that you can influence some colors ( fill, stroke etc. ) by external css.
If you are now using the transparency logo option from enfold – that logo is placed later in the DOM than the primary logo.
If that logo uses the same classes inside ( sti ) than this will determine the rules for it.

You can use the code from Mike – but then do not use the transparency logo option. The fill color will then be set by that extra class set from enfold after header shrink scroll has finished.

My advice is – after Illustrator has saved the file – to open those svgs in a good text editor (Sublime Text for Mac or Notepad ++ for Windows) and change those classes to something more unique. Make sure that within the defs (style) you had to replace the .st1 and the class=”st1″ (etc.) in your svg.

PS: newer Illustrators will have the custom classes : cls-1 – same problem.

a lot of places do have the solution on this.
But a subsequent solution to the “problem” must be accompanied by a complete recalculation of the existing image formats. This is because you can only influence the calculation basis for the upload process. Existing images are not changed by the snippet alone.

some of the plugins that handle the recalculation do have a solution for uploading process too. Because i’m not shure if the enfold existing snippet:

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;}

has influence on other image formats ( only pixel based can be handled on general ) but i guess that the snippet above does not work with png files.

A nice little tool is from Shortpixel reSmush.it – see some info: https://shortpixel.com/
for me the free version is good enough.

if you place a gallery – you can choose on style – gallery style : to show only one big image – and the rest will be shown in lightbox.

use that class: go-back-link for styling.

i have on some installations for posts/portfolio on top a goback button with this:

function go_back_button(){
?>
<script type = "text/javascript">
(function($){
  $('<div class="avia-button-wrap avia-button-left goback"><a href="" class="avia-button av-icon-on-hover avia-color-theme-color   avia-icon_select-yes-left-icon avia-size-small avia-position-center "><span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">zurück</span></a></div>').prependTo('#top.single .post-entry:first');
  $('.goback').on('click', function(e){
      e.preventDefault();
      window.history.back();
  });
})(jQuery);
</script>
<?php
}
add_action( 'wp_footer', 'go_back_button' );

the window.history.back(); can do the job too.
but you can place that manually be each button with that class custom-class : goback
then only use:

function go_back_button(){
?>
<script type = "text/javascript">
(function($){
  $('.goback').on('click', function(e){
      e.preventDefault();
      window.history.back();
  });
})(jQuery);
</script>
<?php
}
add_action( 'wp_footer', 'go_back_button' );