Forum Replies Created
-
AuthorPosts
-
No Mike
Hi,
Sorry I don’t understand, are you saying that uploading the SVG in the media library removes the animation?it is the usage as img src that will not do the animation. Inserting it as background the same.
March 21, 2023 at 9:06 am in reply to: Custom link for “back to top” button on specific page #1401867try in your child-theme functions.php:
function change_href_from_scroll_top_link(){ if ( is_page(2077) ) { ?> <script type="text/javascript"> window.addEventListener("DOMContentLoaded", function () { (function($) { $('#scroll-top-link').attr({ 'href': 'https://new_link', 'title': 'new Title', }); })(jQuery); }); </script> <?php } } add_action('wp_footer', 'change_href_from_scroll_top_link');
if you got more than one page use array:
if(is_page(array( 2077, 38147, … ))){
see test page: https://enfold.webers-webdesign.de/impressum/
Leider ist man damit noch nicht ganz vor Abmahnungen gefeit- die meisten Google Addons ( Tag Manager, Analytics, Youtube , Maps, Recaptcha etc. ) laden mit dem Dienst auch Schriften nach. Man sollte also diese Dienste auf jedenfall so setzen (blockieren), dass immer zunächst ein opt in erfolgen muss. Ohne Zustimmung geht es also nicht. Dann sollte man in seinen Datenschutzhinweisen auch ruhig explizit darauf hinweisen, dass diese Dienste auch Schriften nach laden.
also z.B.:Sollten Sie der Nutzung eines der Google Dienste ( Maps, Recaptcha, Youtube etc. ) zustimmen, so lädt Google eigene Schriften ( Roboto, Google Sans ) nach.
nein – die Fonts die du im Enfold Optionen Dialog : Allgemeines Styling – Schriften wählen kannst, werden dann über Google Server eingeladen!
Das ist – nicht nur nach meiner Meinung : nicht DSGVO konform.Meine Klare Empfehlung daher die Google Fonts die man haben möchte selbst mit dem : Import/Export – Manager für Benutzerdefinierte Schriftarten hochzuladen. Diese Schriften befinden sich dann auch wie oben zur Auswahl auch in dem Drop-Down der Auswahlschriften, sind aber ganz unten in der Liste platziert.
um noch der Gefahr zu entgegnen auch wirklich keine Google Fonts über Enfold zu laden platziere ich mir in der Child Theme functions.php noch folgendes Snippet:
function my_output_google_webfonts_script( $activate ){ return false; } add_filter( 'avf_output_google_webfonts_script', 'my_output_google_webfonts_script', 10, 1 );
danach lädst Du dir deinen Font hoch und wählst Ihn dann im Drop Down ( siehe oben an )
solltest du nur ( Montserrat light, regular, bold benötigen – hier das zip zum Hochladen : Link )bei der Montserrat Schrift würde ich die italic fontstyles nicht mit hochladen. Die Browser können ganz gut aus eine regular Schrift eine italic rendern ohne das große Unterschiede zu dem reinen italic Schriftschnitt entstehen. Bei Serifen Schriften sieht das manchmal anders aus, da können sich einzelne Buchstaben schon mal mehr unterscheiden. : Link
You can upload gifs to your media library. However, if you insert them into your elements, and you want to keep any animations you may have, you must use the original gif (not a scaled down version).
The recalculated files will lose the animation.
Google times after using it as a featured image (animated gif) no recalculation was done and the maximum width had to be considered.is there a link i can inspect? If you can not make it pubplic than insert the info in the Private Content Area.
or use that filter: avf_customize_heading_settings in your child-theme functions.php
a lot of enfold alb elements do have that filter implementedfunction customize_team_member_heading( array $args, $context, array $extra_args = array()){ if( $context == 'avia_sc_team' ){ $args['heading'] = 'p'; } return $args; } add_filter( 'avf_customize_heading_settings', 'customize_team_member_heading', 10, 3 );
next question – have you installed an advanced layerslider standalone plugin?
The js file is loaded via:
https://usercontent.one/wp/www.puconsulting.se/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.js
The style is loaded by:
https://www.puconsulting.se/wp-content/themes/enfold/config-layerslider/LayerSlider/assets/static/layerslider/skins/fullwidth/skin.css
First of all – why is it a child theme error ? i do see on your head section only enfold folders – no child
Next: there are urls in head section not related to your domain :https://usercontent.one/wp/www.puconsulting.se/wp-content/themes/enfold
maybe this mismatch is causing the troubles.
Yes it is possible to install wordpress to subfolders of domains. And even as multisite installation – the base referece path is allways the domain you like to see on top in the browser window.
f.e. – what do you enter as urls for that installation :
or how did you redirect to your domain?
but that’s already complaining on a very high level, isn’t it? Gtmetrix values of nearby 100% ;)
A TTBF at 83ms – that are top values – so what ?
As I said, I would rather worry about the compliant GDPR implementation.for example now – my results on top are nice too – but why does it wait so long after everything is loaded to load the last 30kb of the favicon? a good 200-300ms pass before loading the last file. And this caused a “bad” TTLB value.
there are many factors that can influence the TTBF values. Go and test your page on : gtmetrix.com
you can see on waterfall tab more info on how the influence is for TTBF:
Hover that first line on Waterfall where / is – a tooltip with more info opens.
@cocoagroup : did you test the SVGator Plugin ?
i tested it now on a different page – it does not work there – don’t know why
maybe you had to choose a different way to implement the animation inside that svg : see https://www.svgator.com/tutorials/how-to-add-svg-animation-to-wordpress
sadly no way to go that quick and dirty solution.
- This reply was modified 1 year, 8 months ago by Guenni007.
that screenshot of kriesi.at dev tools – what browser is it? Chrome?
on kriesi too these are different unicode-ranges
and once – there you are right: different sources googleapis and gstatic – that is not neccessary.these are not identical the same fonts:
memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2
memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2if you upload those files to : https://wakamaifondue.com/beta/
you see that the first one is a open sans regular (45kb) – the second one is too a open sans regular but with different localisation:
Catalan, Marshallese, Macedonian, Romanian; Moldova, Navajo, Romanian, Serbian, Undetermined; North American Phonetic Alphabet and Undetermined; International Phonetic Alphabet.
It only has special cyrilic characters:
Why there is that additional character set loaded – i could not imagine.
Next – i will look now to kriesi.at – but i guess that these three fonts are the font-weights light, regular and bold.
I don’t know how strictly the General Data Protection Regulation is applied in the Netherlands. I didn’t want my clients to have to fight a civil suit. Google Analytics is one thing that is absolutely not GDPR compliant and can only be loaded after consent. An afterward option to install a gaoptout addon is nice but even that is not GDPR compliant: first consent – then load
where do you exactly see that f.e. kriesi.at or your experimentkrewerd.nl does load Open+Sans twice
there is once the script that decides if the font could be loaded – if there is a consent.
so – if (cookie_check && !silent_accept_cookie) … and inside a lot of if clauses that has allow_continue = false next – only if (allow_continue) = true then load font.
the next line in head it loading the font itself.
So what you could say is that kriesi and your site do not respect the cookie consent setting. Or you have set them incorrectly. Or when I look at Krisie.at, no value is placed on GDPR. Because without having rejected or agreed to anything, a huge list is displayed which are all not GDPR-compliant.
_________
The safest way to deal with the font issue in terms of the GDPR is to host it yourself.
And that’s exactly what this code from Ismael or the alternative filter from me is for. It prevents the embedded handling of Enfold with Google Fonts.
Then you had to upload via Enfold Font Manager your Open Sans Font – and choose that font ( selfhosted Fonts are at the end of the fontlist ) in Enfold Font Options dialog.Next – do you use the advanced Layerslider on that page?
The layerslider has its own google font support – have a look if that could be the reason:
on layerslider options page – see on top right that gear : click – and see if there is google font support activated.first: can you remove this from ismael – i used that code long time to do the same thing – but i recognised on some pages that i update to the latest php Versions that it might come into conflict.
function my_output_google_webfonts_script( $activate ){ return false; } add_filter( 'avf_output_google_webfonts_script', 'my_output_google_webfonts_script', 10, 1 );
instead of:
function enfold_customization_switch_fonts() { global $avia; $avia->style->print_extra_output = false; } add_action( 'init', 'enfold_customization_switch_fonts' );
_________
of topic for the one public link:
second: – besides the page link (i do not see as participant) where your fonts are loaded : i see on the other page that there is no Consent to any of your features you use for that page.
third: i can not see any @font-face rule in your css – did you upload the open sans font to the font-manager of Enfold ?
next: the google maps could not cause that font-loading with open sans. Google Map loads “Roboto” and “Google Sans Text”
maybe one of your other Google Things ( Analytics etc. )
if you want to hamper loading of these fonts for maps :
add_filter( 'avf_gmaps_no_google_fonts', '__return_true' );
March 18, 2023 at 5:37 am in reply to: Open Lightbox on lick on any image in product gallery #1401558you can do that by css only. Just stretch the width and height of that span container and place the pseudo container again to the bottom right position – or set if you like the before container to display none:
.show_lightbox .nslick-current.nslick-active span.nickx-popup { display: block; width: 100%; height: 100%; left: 0; bottom: 0; padding: 0; } .fa-expand::before { content: "\f065"; position: absolute; right: 15px; bottom: 15px; }
if this comes into conflict with other places in your page – you had to be then more specific in selectors. f.e. only for #top.single-product
March 18, 2023 at 5:20 am in reply to: Problem with Magnific-Popup – Popup links to another popup #1401557$(window).load(function() {
is outdated since jQuery 3function inline_popup_enabler(){ ?> <script> (function($){ $(window).on('load', function(){ $('.inline_popup').magnificPopup({ type:'inline', midClick: true, disableOn: 100, }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'inline_popup_enabler');
Once again about Cufonfonts; not all fonts offered there are legal. Many design fonts are distributed there without the appropriate licenses. This is like using so-called “nulled” themes.
Apart from that, if you have purchased the licenses, you can use any font in Enfold. You just have to check if your license includes web use. Then you are allowed to convert e.g. a ttf or otf file yourself. I use this site here: https://transfonter.org/
_______i use it to generate webfonts – and i do only use ttf and woff2 – and without demo-files ; all modern browsers do work with woff2 – and because of brotli compression these files are smaller than all the other ones. The fontmanager of Enfold now generates the right sequence of @font-face rules – first woff2 then if not possible the rest. So the ttf is only for older browsers included in the upload.
The zip-file offered then is usable in principle and could be uploaded directly to Enfold in the font manager.
However, I recommend to rename the zip file sensibly. z.B: MyriadPro.zip
The font-family name is build from included font-file name – but Enfold Font list name will be that of the zip file.March 17, 2023 at 7:52 am in reply to: Open Lightbox on lick on any image in product gallery #1401492is there a link to your gallery – or is there a page of the demo that is similar to your gallery? https://kriesi.at/themes/enfold-shop/
Nevertheless – there must be an error causing this. On default – this is perfectly managed by enfold options dialog.
on all my 5.4.1 Versions there is no such behavior.looking to your svg – there are a lot of script inline. if you insert your svg code via codeblock to enfold – the animation will work.
on an img file – i guess the script part will not work as expected.
as background-image – this will be lost too. On Svgator you can export your animation to gif – maybe that is an alternative vor you.
By the way : next Enfold will offer lottie file support. These are svg / json “images” you can insert to Enfold.there must be a reason for that . this is not default behavior.
do you have any caching tools/plugins that can influence this?
Those color settings are now saved as varible colors in a list- you can inspect that in developer tools
have a look if that rule for the footer colors is that of your settings in enfold.try that rule in your quick css:
#top #footer { background-color: var(--enfold-footer-color-bg); }
have a look if you got a css rule in your css like:
#footer { background-color: var(--enfold-header-color-bg); }
Yes – some animations – like the reveal animation – create extra child containers – then the target will be different.
but nevertheless on f.e. simple left to right – it works sometimes – sometimes not – so the code is useless.
So – a developer had to look for it – if there is a chance to “refresh” those keyframe animations.maybe a mod knows why on some animations the “trick” will not work.
it sometimes only removes not all classes from all ( each ) observed element.function refresh_enfold_keyframe_animations() { ?> <script type="text/javascript"> const hiddenElements = document.querySelectorAll('.av-animated-generic'); const observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (!entry.isIntersecting) { entry.target.classList.remove('avia_start_animation', 'avia_start_delayed_animation'); } else { return; } }) }) hiddenElements.forEach((element) => observer.observe(element)); </script> <?php } add_action('wp_footer', 'refresh_enfold_keyframe_animations', 9999);
-
AuthorPosts