give me please a link to your site – but i’m participant as you so i can not see private area!

by the way – for screens under 768px:

@media only screen and (max-width: 767px){
	.text-under-image {
	    position: absolute !important;
	    background-color: #fff;
	    bottom: 0;
	    left: 50%;
	    transform: translateX(-50%);
	    padding: 0 30px;
	    margin: 0 !important;
	    text-shadow: 1px 1px 2px #aaa;
	    border-radius: 8px 8px 0 0;
	}
}

see example page: https://webers-testseite.de/horizontal-gallery/#next

if you do not like to have this on all horizontal galleries :
give a custom class to the horizontal gallery like: subline-gallery

function horizontal_gallery_subline(){
?>
<script>
(function($){
    $(window).load(function() {
    	$('.subline-gallery').css("overflow", "visible" );	   	
	   	$('.subline-gallery .av-horizontal-gallery-link').each(function(){
            var linkTitle = $(this).attr('title');          
            $(this).before('<p class="text-under-image">' + linkTitle + '</p>');
            $('.text-under-image').css({
            	"text-align": "center",
            	"margin": "0.2em 0",
            });
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'horizontal_gallery_subline');

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

function horizontal_gallery_subline(){
?>
<script>
(function($){
    $(window).load(function() {
	   $('.av-horizontal-gallery-link').each(function(){
            var linkTitle = $(this).attr('title');
            $(this).closest('.av-horizontal-gallery').css("overflow", "visible" )           
            $(this).before('<p class="text-under-image">' + linkTitle + '</p>');
            $('.text-under-image').css({
            	"text-align": "center",
            	"margin": "0.2em 0",
            });
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'horizontal_gallery_subline');

see here: https://webers-testseite.de/horizontal-gallery/

btw: this will work with active image style enlarge too

lies mal hier – vielleicht hilft das weiter: https://kriesi.at/support/topic/remove-archive-from-category-page-title/

can you show me the place where Archiv is shown – i can not see either on en nor on de
even in source code no “archiv” found
or do you mean the body class? – it’s a cruel idea to translate the class names

edit: or is it in the head section the title tags ( and opengraph title tags ) ?
what do you expect is different on SEO point of view if there is “Allgemein Archiv” instead of “Allgemein Archive” ?

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

isn’t it on english : archives ? pl.
what is the plural of Archiv in german ? ;)

and on singular:
english: archive
german: Archiv
_______
show me a link – maybe you are right .

but be carefull with German lang files there is a “Du” and a formal “Sie” translation.
So first have a look what kind of salutation you have choosed in wordpress settings.
You then have to edit the formal or normal po files

Guess you choosed the “Sie” formal addressing – because this is not translated in de_DE_formal.po:
Choose the archive sidebar position here. This setting will be applied to all archive pages

by the way : i can see your icons on my end here
and on one of the fixed background-images there is a 300x200px image (very blurry on this)

by the way i see this effect on Mac OSX ( firefox etc) too. Not only on mobile

following is shown if i want to open the image in the browser:
https://reneadventure.com/wp-content/uploads/2018/09/Peru-Machu-Picchu.jpg

öffne die Bilder mal an deinem Desktop und schaue ob Sie da zu öffnen sind. Wenn ja- lade Sie nochmal hoch – eventuell gab es da Fehler bei der Übertragung

Da muss was mit dem Bild sein: auch hier: https://reneadventure.com/about/
ist das Bild nicht zu sehen ( auf Parallax gestellt)

i do have now on the most sites i create this to my child-theme functions.php :

function av_return_100(){ return 65; }
add_filter('jpeg_quality', 'av_return_100');
add_filter('wp_editor_set_quality', 'av_return_100'); 

it seems that this is more than a good compromise between performance and quality

hm board soft changes even under code tag the quotation marks – i make a screenshot that you can see what is the fact:
click to enlarge:

or for copy paste look here:
https://pastebin.com/gc8xNnQb

so put this to your child-theme functions.php

i think this is an advanced layer slider on top.
You can get rid of that in Layerslider activate your slider – goto slider settings – navigation area – and there it is: slideshow timers.
you have activated : show circle timer

maybe this could help you: https://stackoverflow.com/questions/22229689/how-to-make-browser-back-close-magnific-popup

and look here – on that it seems to work : http://eugenedae.github.io/Magnific-Popup-History-API-Demo/

link to github: https://github.com/EugeneDae/Magnific-Popup-History-API-Demo

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

for those who likes to know how to make it and could not read the private content:
try this here:

One possible method could be to do this by defining the type :
but the pdf has to be on your own server – does not work with global links from elsewhere:

<a class="pdf-download" href="https://www.w3.org/2003/01/Consortium.pdf" target="_blank" 
type="application/octet-stream" download="Consortium.pdf"><img src="https://www.w3.org/2008/site/images/logo-w3c-screen-lg" alt="W3Schools" ></a>

see here: https://webers-testseite.de/weber/direct-downlaod-a-pdf/

with download= : you can determine the default download name
with that class it is easier to style the link. f.e. remove overlay etc.

see the right “button” with that class: pdf-download

.pdf-download {
    display: inline-block !important;
    overflow: visible !important
}

.pdf-download .image-overlay {
display:none !important
}

.pdf-download::before {
    content: "";
    background-image: url(https://webers-testseite.de/weber/wp-content/uploads/2018/09/PDF-Icon.png);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: 0 0 ;
    transition: all ease-in-out 1s;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -30px;
    left: calc(100% - 40px);
    z-index: 5;
}

.pdf-download:hover::before {
    background-position: 0 20px !important;
    transition: all ease-in-out 1s;
    transform: scale(1.1);
    transform-origin: center center;
    -webkit-filter: drop-shadow(2px 2px 4px #333);
    filter: drop-shadow(2px 2px 4px #333);
}

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

SVG Support : activate the advanced mode –
with svg Support you can set a class on which svg placed by the img method is replaced through inline svg.
Means – if SVG Support find an image with the given class it will replace the <img src="" … /> by the svg itself.

you can see it here with the logo of the start page: https://webers-testseite.de/cynthia/
Otherwise i will not be able to set the hover effect only on one path.

If you got your inline svg i hope that your animation will work then.