Forum Replies Created
-
Posts
-
to whome it may concerns.
Actually, not tinypng or imagify or any other plugin can resize and compress webp out of the fly.
@Guenni007 – original scale on alb elements avoids resized images to be delivered, but looks ugly on 3col or post-slider and so on.
Enfold has no option to say – height of the container and image contain cover or image with ratio or whatever.
So, it looks like the only way to get resized and compressed webp images is – dowload from /uploads and resize manually.The action, plugins you suggest only work with jpg and png. None of them can handle webp.
So, is there a solution for images in webp or avif format?
Thank you.Actually, the resize of the images is kind of the problem. The original image (2200px x 1375px) in webp is about 216kb and
then enfold resize the wepb image to – 400×495 – and the image is about 370kb. So, its actually enlarges the size, by resize the image.
Is there a roundabout for enfold to resize images in webp properly?
If i resize the webp image in photoshop to this size, it has only 33kb.
Any solutions for this particular problem in enfold?Yes, because i switched back to ‘scroll with page(default)’ – than it works.
Already tested again with ‘Sticky with curtain effect’ – does not work.
it is not a problem, just for your info.Hi Ismael,
slightly modified to be able to serve the buttons and now its perfect.
Thank you.
As always a pleasure.Hi Ismael,
curtain is disabled now, but you can check
to reproduce the issue – credentials are tested and in private.
Danke.OK, wenn Footer sticky mit curtain effect, dann kein Menü
Jetzt zurück auf Standard und Menu ist da.Looks like under win11 chrome needs an extra extension called Mailto:for Gmail to work.
Now it works.
Thank you.ok, looks like win11 needs some optimization, pfuuu.
No problem on old chrome, mobile – just on my chrome.
Thank you.Inzwischen schon 4 Installationen mit demselben Problem gefunden.
Was muß ich tun, damit enfold 5.6.6 sein CSS-file lädt?Enfold Child > functions.php
add these lines and change the GTM-Code to your Code.
/**
* Google Tag Manager Head Script
*/
function add_custom_gtm(){
?>
<!– Google Tag Manager –>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,’script’,’dataLayer’,’GTM-XXXXXXX’);</script>
<!– End Google Tag Manager –>
<?php
}
add_action(‘wp_head’, ‘add_custom_gtm’);
/**
* Google Tag Manager Body Script
*/
function google_tag_manager_body_code() { ?>
<!– Google Tag Manager (noscript) –>
<noscript><iframe src=”https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX”
height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>
<!– End Google Tag Manager (noscript) –>
<?php }
add_action( ‘ava_after_body_opening_tag’, ‘google_tag_manager_body_code’, 1);Hi Ismael,
i want to implement the consentmanager plugin to handle all the cookies. It works fine, only the recaptcha from google does not work on the contact form.
To adjust the default Cookie Behaviour I have only 2 options – activate or deactivate. Even if i try to make the enfold-cookie banner visible (which makes no sense, cause i want the consentmanager) and allow external scripts – recaptcha doesnt work.
I want that the Cookie Handling to be made by the consentmanager plugin. Is this possible? I really hope so, cause i want to implement this plugin on about 30 enfold-sites ;) Otherwise i have to take another plugin for the form.
Any ideas how i can manipulate the cookie handling by enfold? Or deactivate it generally in functions?
Thanks in advance.
add_theme_support( 'avia_supress_cookie_modal_html_creation' );
didnt work eitherHi, also double logo on mobile only, also imagify, images are replaced by picture-tag
but – two different markups –
logo 1 = <span class=”logo avia-standard-logo”>
logo 2 = <span class=”subtext avia-standard-logo-sub”>How to get rid from class subtext avia-standard.logo-sub
I mean, sure i can display:none, but thougt you might be interested in this case.
thank you.Yes, thanks. They just got back to us. We changed settings for imagify from –
use <picture> tag
to
use rewrite rule
So all images on the page are jpg/png, but served threw rewrite as webp.
Thank you.An for all with the same issue i will post the answer from imagify:
Imagify’s “Use <picture> tags” option (the default and likely what you’re currently using) swaps out your page’stags for <picture> tags in order to display WebP images while also providing fallback support for users of older versions of Apple Safari browsers (they don’t support WebP images). If you’re having layout or display issues, this is most often the cause.
To resolve this, you can try switching to the “Use rewrite rules” option in your Imagify plugin settings page as long as you don’t use a CDN, Cloudflare, or certain cache services like Varnish (as these conflict and may cause image display issues, especially in Safari browsers).
It’s worth noting that when using the rewrite rules option, the HTML code of your pages will still show the JPG or PNG versions of images, but the rewrite rules work in the background to actually serve the WebP versions.
You can follow the Rewrite Rules section of this guide to check that WebP images are being served: https://imagify.io/documentation/how-to-check-if-webp-image-is-displayed-on-your-site/.
In case you can’t use the “Use rewrite rules” option, you could instead try installing the following helper plugin, as it’s possible it could help with this issue (works just by being installed and activated). It’s also possible that it won’t help, but it is worth a try:
If that doesn’t work, you can uninstall the above helper plugin, and instead try to use the following HTML class that can be added to specific images (the logo in your case) to prevent WebP display via <picture> tag replacement for those specific images (the optimized JPG/PNG versions will be displayed instead). If you can add this HTML class to your logo, then the images without any issues can still be displayed in WebP format.
imagify-no-webp
If neither of these can work for you, then it will likely be best to disable WebP display in your Imagify plugin settings page for the time being (you can still keep creating the WebP versions for future use though.
That should resolve the layout/display issues with your logo and will still result in the Optimized JPG/PNG versions being displayed on your pages, so they should still be loading much faster than before they were optimized.
yes, works fine without imagify.
thought maybe you have a quick css.
try to get somebody on imagify.
thanks a lot.hi Rikard,
updated to 4.9.2.1 (manually, otherwise didnt work), no changes are shown.
Login in private
thanks in advanceHi Rikard, helped a lot. Now works perfect, thank you.
Just curious. is Kriesi planning for gutenberg-blocks library? Actually after 10 years with Kriesi I’m looking for a gutenberg-library and thought maybe Kriesi is on this way too?Update:
use this#top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev span, #top .avia-datepicker-div.ui-datepicker .ui-datepicker-next span { display: none; } a.ui-datepicker-prev.ui-corner-all:before { content: '\003c \003c'; display: block; } a.ui-datepicker-next.ui-corner-all:before { content: '\003e \003e'; display: block; }
