Forum Replies Created
-
AuthorPosts
-
one way could be the very old way to set something in this html :
<details> <summary>Details</summary> Click here to add your own text </details>
you can add that to the team member description field – there are warnings about using tags – but it will work!
Or you do not enter the description to the team member element but in a separate text-block under the team member element.
On newer enfold versions there are options to fold/unfold text-block element just below the content input text area.see both alternatives here:
https://webers-testseite.de/team-member/did you switch on Enfold – Theme Options : near the bottom : “Select Your Editor”.
well I think it’s good that the error occurred. A mod should definitely log in with you.
On the one hand, I think you are loading all the scripts that Enfold has on the current page. Which is not necessary. You can set this in the Enfold settings under Performance – Disabling of Template Builder Elements: Load only used Elements.I don’t know where some of these entries have come from:
<script type="text/javascript" src="data:text/javascript;base64, … " defer=""></script>
i think they come from a plugin trying to optimize or cache existing scripts.
My first advice is : deactivate this lightspeed cache – or any other “optimization” Plugin and see if that corrects the situation. ( Allthough it is installed on the other page too)
After that you can activate one by one – alway flush cache between those trials to see.Please allways use the code tag here on board to post code snippets!
It is hard to read and to inspect only from text input.
Often errors occur if wrong quotation marks are set – but with text mode these are transfrered to slanted one – This particular source of error cannot therefore be properly assessed. etc.Yes – works nice!
how did you insert that #header_main_secondary?
And you do not like what you see? ;)
Gtmetrix uses lighthouse too – so i can not believe that the LCP and FCP is so bad on pagespeed and on Gtmetrix not.A fantastic TTFB !
Given the load times, I wouldn’t care about the number of DOM elements.
PS : that page does not belong to you: https://menainfosec.com/
PPS: brotli is even better than mod_deflate / gzip ;)
Do you belong to your website?
You are still on enfold 4.2 ?
Think of your images on uploading. First do you realy need png files overall? f.e. – your content-slider Mena-Info as png 437kb as jpeg : 53kb.
etc. pp. – if your Partners do offer svg files for their logos ( Global Cyber Aliance) use them instead.You haven’t activated gzip for your homepage!
Ask your provider if modules are installed ( f.e. mod_deflate) if so – we can activate the compression by a htaccess fileIf this is the matter (Self Hosted Fonts) – Mikes way should work.
on uploading the fonts via that Font Manager – the @font-face rules are generated – maybe those are still on those origin path.
Thanks – I can wait until you get it fixed – no rush.
interesting Question – and still relevant after such a long time.
I also wondered about the poorer loading times of a start page – especially these resources were named there for the poorer values (pagespeed insights – lighthouse). It should be possible, with the above-mentioned settings, not to load these resources if you have not selected videos as slides.by the way: to avoid this with nth-child use instead nth-of-type:
https://tympanus.net/codrops/css_reference/nth-of-type/btw: I had a similar experience last week. Everything that was working fine was suddenly showing up as broken on the pages. What I had not considered was that I had changed my bank details in the meantime, but had not updated them on Google. Trivial – but with a big effect.
next: you can exclude some scripts (or css) from merging by:
function avia_exclude_files_from_compression($excluded_files){ // exclude css $exclude_css = array( 'layerslider', 'abc', 'xyz'); // comma separated list of enqueue names $excluded_files['css'] = array_merge($excluded_files['css'], $exclude_css); // exclude js files $exclude_js = array( 'avia_google_recaptcha_front_script', 'abc_script'); // comma separated list of enqueue names $excluded_files['js'] = array_merge($excluded_files['js'], $exclude_js); return $excluded_files; } add_filter('avf_exclude_assets', 'avia_exclude_files_from_compression', 10, 1);
f.e. in combination with my borlabs cookie plugin – i had to exclude the recaptcha script of google to work fine:
avia_google_recaptcha_front_scriptdelete the uploaded Font – and reupload it again – that should solve both “errors” the usage of http instead of https and the source link
by the way – a nice migration tool is : duplicator – even in the free version ( only scheduling and some external backup places are missing) will do a very good job
September 14, 2023 at 5:07 pm in reply to: Unexpected : DOMException: Failed to load because no supported source was found #1419177es ist nicht so wichtig die Lösung des Problemes zu finden. Es passiert in den pagespeed insights dann, wenn das mp4 auf autoplay gesetzt ist.
meine Theorie dazu ist, das der play Befehl erfolgt bevor das Video geladen ist. Siehe deine Testseite mit deinem video.Problem ist, das es nicht reproduzierbar ist. Mal meldet Pagespeed den Fehler mal nicht. Daher – verschwende keine Weitere Zeit auf dieses Theme.
Danke fürs reinschauenSeptember 13, 2023 at 5:23 pm in reply to: Unexpected : DOMException: Failed to load because no supported source was found #1419077September 13, 2023 at 1:03 pm in reply to: Unexpected : DOMException: Failed to load because no supported source was found #1419032See Private Content
- This reply was modified 1 year, 2 months ago by Guenni007.
please erase that post here – i try to answer to another one that was opend on a different window :)
Try to install that little plugin: https://wordpress.org/plugins/dark-mode-toggle/
Even in the free version there is an option to exclude Elements from dark-mode via class (dmt-filter-1)
so if you insert on child-theme functions.php:function exclude_from_darkmode(){ ?> <script> window.addEventListener("DOMContentLoaded", function () { (function($) { $('.logo, #footer, #socket').addClass('dmt-filter-1'); })(jQuery); }); </script> <?php } add_action('wp_footer', 'exclude_from_darkmode');
these elements and all child elements were excluded. The same if you insert to alb element that custom class!
by the way : you can exclude a whole color-section but include again a child by adding the same class to it :lol : -1 x -1 = 1
I don’t know why images on sliders (see example page) are excluded from the outset.Or, to cut a long story short, manually setting up a colour scheme that is responsible for the dark mode would be more time-consuming, but would probably produce better results.
i tested ( not all on Enfold ) a lot of those dark-mode solutions.
They all suffer from the fact that switching to dark mode often does not produce a satisfactory result. So maybe another approach I had in mind is to use this snippet to set a custom colour scheme.
function custom_color_set($color_sets){ $color_sets['dark_mode'] = 'Dark Mode'; return $color_sets; } add_filter( 'avf_color_sets', 'custom_color_set', 999, 1 );
but on that case the class (dark_mode) will not go to the alb element – but to the body class list. Maybe we can add for that new color-set some input-fields for menu-colors and header area colors.
Then all we would have to do is add a button (e.g. in header_meta) to switch the page to that colour scheme.
Of course, it would be a lot of work to set this up, but it could be worth it for a better customised look.
one thing to mention – that video is from 2018. Meanwhile, many deprecated functions have been removed in newer versions of jQuery.
so the video shows:
$(window).load(function(){ …
this is now:
$(window).on('load', function(){
instead of using that script Mike linked to – use the filter:
add_filter( 'avf_default_lightbox_no_scroll', '__return_true' );
give a custom-class to those text-block elements – f.e.: justified-textblock
#top .justified-textblock p { text-align:justify; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; /*** new options for hyphens auto with less browser support -webkit-hyphenate-limit-chars: auto 4; -ms-hyphenate-limit-chars: auto 4; hyphenate-limit-chars: auto 4; ****/ }
don’t know if those browser support prefixes are still in use ;)
but! the browser’s Justified Text setting may give unusual results, as it generally does not set any conditional word wrapping (including hyphens).
There was in former times there was Plugin : Hyphenator that can do a better job – but the plugin has been closed as of July 27, 2023
Maybe the plugin: wp-typography is a good alternative
So you have set the image to float left f.e.
And there is only one line of text next to it! – asign a custom class to that text-block to better select it specifically
then try.avia_textblock.alignmiddle > p { display: flex !important; align-items: center; }
see here with an alternative Layout to reach what you like to have:https://webers-testseite.de/steveorrmedia/
but this will only work if there is only one p tag inside that text-block element. Otherwise you had to use the text-mode of the text-block to set the image in one div – and the text besides in another div. By this we can use then the flex method again with these two containers.Yes, for masonry gallery it works as it should – but for gallery there is no response to the choices.
September 9, 2023 at 12:40 am in reply to: Problem Slider volle Breite ist nicht an oberen Rand zu bekommen. #1418517bei Enfold 5.6.6 ist die Option direkt unterhalb des Logos zu sehen: : Theme Optionen – Transparency Logo Options –
wähl das mal aus, dann gib das Logo an, welches du im Transparenz Modus nutzen möchtest.
Das andere Logo ist für die nicht Transparenzen zuständig.Bessere Ratschläge könnte ich nur geben, wenn ich die Seite sehen könnte.
put this to your child-theme functions.php:
(see on docu: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#customization )function avia_include_shortcode_template($paths){ $template_url = get_stylesheet_directory(); array_unshift($paths, $template_url.'/shortcodes/'); return $paths; } add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
and copy that edited video.php to that folder : shortcodes
but please if it is possible this should be default setting !!!
And perhaps only a checkmark if you realy need that.But if i inspect the DOM before that change – f.e. on autoplay even there – no parameters were set at the url
just that f.e.src="https://www.youtube.com/embed/G0k3kHtyoqc?feature=oembed"
no autoplay=1 is set to the url etc. – with the changes above – no rel=0
PS: on sliders there are those $video_data’s going to the output of the video url:
September 8, 2023 at 5:02 pm in reply to: Problem Slider volle Breite ist nicht an oberen Rand zu bekommen. #1418490 -
AuthorPosts