but think of – that breadcrumbs are hampered on transparent headers.

first – see Mikes hint –
because we now have inline svg files – you maybe change the fill from a given path with change of darkmode.
second : the update must be a big one – because the click function is deprecated since jQuery 3 :

// $('.darkmode-toggle').click(function() {
// use instead:
$('.darkmode-toggle').on('click', function(){

and this is what i see on my Safari desktop :
( click to enlarge )

_______________

This is the old story – often discussed here on board. On uploading images to the media library – the images are uncompressed ( jpgs do have that indeed – a compression ratio ) and then the new file-sizes generated by Enfold are calculated on that uncompressed source. Because Enfold code does not compress these generated files – the file-size is for the bigger images (1500px x 630px etc. ) often higher than the uploaded optimized jpgs.

Now what can we do against this. – We can change that behavior on Enfold by a child-theme functions.php 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;}

Unfortunately, this snippet does not affect existing images in the media library. Here you would have to recalculate the thumbnails all over again. There are some plug-ins for this. I use the one provided by shortpixel. : Link

svgs – and i guess pngs will be skipped.

After recalculation you can remove the plugin. The snippet above will then compress each uploaded new image.

PS: Sorry – i did not follow Yigits link – so it only differs in the amount of compression. That is up to you what you need. If you are a photographer with f.e. fine color – gradients ( like skin tones ) or sharp contrasts you had to choose a less compression level.

see here an older post of mine with the plugin illustration: https://kriesi.at/support/topic/media-upload-and-enfolds-thumbnail-sizes/#post-1271808
in addition it gives you a code to hamper generating of all enfold image_sizes. But read comments on the code to understand that it is not advisable to suppress all image_sizes.

this had to be on the 1/1 container ? – because you have a negative margin on top to shift over the color-section before.
What are these images – showing under the grass ? Is it a gallery?

And: What i see is not a transparent background – it is white image – laying over the previous color-section

• This reply was modified 3 years, 1 month ago by Guenni007.

Yes for child-theme functions.php
and this second line was only meant to show how further substitutions have to be set. Important is the break setting after each line.
– However, if you had asked for a different language translation ( f.e. the german translation of the read more phrase) , I probably would have recommended editing the lang file. Again, you could find a child theme solution.

Hello Günter – but is my statement correct or not?
The comment is clear or? Unfortunately now always opens the lightbox with the @2x image – I would have thought that this depends on the device used

if you look on top of this page here ( our forum ) you see kriesi logo with additional Text.
if you look to the DOM :

this might be done in a similar way – and because i do take the same classes – you can see how the board has set its css for it

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub){
  $sub .= "<span class='logo-title'>";
  $sub .= get_bloginfo( 'name', 'display' );
  $sub .= "</span>";
  $sub .= "<span class='logo-title logo-subtitle'>";
  $sub .= get_bloginfo( 'description', 'display' );
  $sub .= "</span>";
  return $sub;
}

/*position logo text*/
#top .subtext{float:left; position: relative;}
#top .logo img{float:left;}
#top .logo, #top .logo a{overflow: visible;}
#top .logo-title{  
transition: 		opacity 0.4s ease-out;
-moz-transition: 	opacity 0.4s ease-out;
-webkit-transition: opacity 0.4s ease-out;
-o-transition: 		opacity 0.4s ease-out;
font-size: 12px; color: #000; position: absolute; left:7px; top:-7px; opacity: 1; white-space: nowrap; } 
#top .logo-subtitle{ color: #aaa; top:7px; }
#top .header-scrolled .logo-title{ opacity: 0; filter: alpha(opacity=0); }

@media only screen and (max-width: 989px) {
	.responsive #top .logo-title{ opacity: 0; filter: alpha(opacity=0); }
}

how did you insert it and how do you get the iframe code?

why do i ask this question – google map has a nice offer – similar to youtube to get the iframe code.
Open that map style the dimensions of that map
click than the button ( share or embed)

a popup will now give you options to do so – and navigate to the tab: embed
you see then:

you can even give the iframe dimensions as custom code – the offered code – if you embed it as a fullwidth element iframe change only the width to 100%
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d40384.48983850205!2d7.054894!3d50.756466!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x7fcf775f84623228!2sWeber%2C%20digitale%20Dienstleistung!5e0!3m2!1sde!2sde!4v1654932171981!5m2!1sde!2sde" width="100%" height="800" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

Now my login datas are good – i think it was the WPML Update that solves the problem.

you can add this to your child-theme functions.php:

function kriesi_logo_addition($sub){
  $sub .= "<span class='logo-title logo-subtitle'>";
  $sub .= get_bloginfo( 'description', 'display' );
  $sub .= "</span>";
  return $sub;
}
add_filter('avf_logo_subtext', 'kriesi_logo_addition');

now the rest will be quick css work. Depends on your header setting and dimensions.
If you do not see it directly – it is placed below the header – you had to shift it then to the position you like
big advantage of that insertion – the subtext will follow a shrinking header behavior – because this is part of logo

Honestly, you have to say – no.
Yes, you can make it more difficult for inexperienced visitors to your site by, for example, blocking the context menu option of the mouse etc. pp. – but if you know a little bit about the developer tools of a browser, you can get the info – where a picture is stored.

https://www.wpbeginner.com/beginners-guide/4-ways-to-prevent-image-theft-in-wordpress/

well it depends on what the animation should look like.
Text and rotation etc. could be animated via svg usage, because you can address parts of the logo separatly.

_______

You mean by icon gallery – a normal gallery with icons inside. Do you have links on those images?

see: https://enfold.webers-webdesign.de/gallery/
Follow the link to see how it can be done.

why don’t you do that yourself.
Install a fresh wordpress with enfold – and install your demo then.
Install duplicator – that nice free backup tool will generate two files – one installer file and one data file ( on default a zip file – on bigger installations it will be an own format (daf)).
Thats all – upload both files to your new server – start installer and only enter the new database values.
_____
I do have that too for my installations – but not with a demo – but with Enfold and Child-Theme and all necessary plugins and some standard settings and functions.php snippets.