Forum Replies Created
-
AuthorPosts
-
February 4, 2023 at 4:15 pm in reply to: Can’t show animated SVG even though I have a svg plugin #1396660
Hi,
Guenni007 thanks for your input, your css worked good for my demo site:#top #main img[src*=".svg"], #top #main svg { width: 1000px; }But the
AddType image/svg+xml .svg .svgzin my htaccess file didn’t help.
I found this article on how to test your site for Support of SVG as img and added the test to my site and it returned true and it showed the test SVG without add your css for width.

So it seems my site is supporting SVG as a img without the htaccess code.
For some reason the animated SVG that Monika linked to needed a width set with css to show on my site, perhaps this was by design, but since it was linked in the Private Content area I don’t think I should share publicly so you can also test, perhaps Monika will post publicly, but it seems the main issue was the animation was not working, hopefully the steps I posted above will help.
Thanks again Guenni007Best regards,
MikeHi,
Thanks for your patience, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function search_for_mobile_sidebar_header() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ var width = $(window).width(); var search = $('<li id="menu-item-search" class="mobile-search menu-item menu-item-search-dropdown menu-item-avia-special" role="menuitem"><a aria-label="Search" href="?s=" rel="nofollow" data-avia-search-tooltip="<form role="search" action="https://your-domain.com/" id="searchform" method="get" class=""><div><input type="submit" value="" id="searchsubmit" class="button avia-font-entypo-fontello" /><input type="text" id="s" name="s" value="" /></div></form>" aria-hidden="false" data-av_icon="" data-av_iconfont="entypo-fontello" style=""><span class="avia_hidden_link_text">Search</span></a></li>'); if (width <= 767) { $(search).insertBefore('.main_menu'); } else {} })(jQuery); }); </script> <?php } add_action('wp_footer', 'search_for_mobile_sidebar_header');Then add this css to your child theme stylesheet or the theme option Quick CSS:
@media only screen and (max-width: 767px) { .responsive #top #wrap_all #menu-item-search.mobile-search { top: 0; height: 80px; right: 50px; display: inline-block; position: absolute; } }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Please see the screenshot in the Private Content area of the expected results.Best regards,
Mike-
This reply was modified 2 years, 11 months ago by
Mike. Reason: corrected quotes in code
Hey Sabine,
Thanks for your patience, when I check your site between 1024px – 768px before the 3 columns become single columns the text for most of the columns is too much pushing some of the buttons into the lower image. True one column has extra space above the lower image but the text is less and the columns are equal height, I assume this is important.
I recommend changing the brake into a single column earlier around 1024px to correct.
Try this css:@media only screen and (max-width: 1024px){ .responsive #top #wrap_all #angebot .flex_column.av_one_third { margin: 0; margin-bottom: 20px; width: 100%; } .responsive #top #wrap_all #angebot .flex_column_table_cell { float: none; display: table-row; } }For 768px the height is still a lot, try adding the lower image as a image block and add a background color to the column, instead of adding the large image as a background image for the whole column, this way the lower image will stay under the button.
Best regards,
MikeHi,
Sorry for the late reply and Thanks for your patience, your first error, the white space under your slider is caused by the Smush plugin LazyLoad option, you can Exclude it from your homepage:

I did this for you, Smush is aware of this issue, we can not correct this behavior from the theme.
This seems to have also corrected your second issue.
To correct your third issue I disabled the Smush LazyLoad option completely.
For your fourth issue I tested your site on webpagetest.org, the test is linked below, since your site is in Canada I tested at that location and your site has a First Byte of 6s, this is due to the server, normally you should only see about 300ms
you also have a custom font re.woff2 that is giving a 404 and adding 7s to your page load, try removing this custom font and check again.Best regards,
MikeHi,
This is very strange, from your error log above the /index.php file can’t be found:[Mon Jan 30 17:54:33 2023] [error] [client 78.60.200.13:39562] script ‘/home/www/Folktreff_KN/index.php’ not found or unable to stat [Mon Jan 30 17:54:34 2023] [error] [client 78.60.200.13:39574] AH01276: Cannot serve directory /home/www/Folktreff_KN/: No matching DirectoryIndex (index.html,index.cgi,index.php,index.php5,default.html,default.htm,index.htm,index.shtml,index.wml,index.html,index.htm,index.php) found, and server-generated directory index forbidden by Options directivebut via FTP we see the /index.php file I don’t know why your server is giving this error.
Your webhost provider didn’t see this error?Best regards,
MikeFebruary 4, 2023 at 12:34 am in reply to: Need Help Creating A Custom Site Template (NOT Page Template) #1396620Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeFebruary 4, 2023 at 12:32 am in reply to: [WooCommerce] Product import + Advanced Layout Builder #1396619Hey tixxpff,
Sorry for the late reply and thank you for your patience, but unfortunately there is not a way to do this by only importing a CSV file.
After importing your products you will need to switch each product page to use the Advanced Layout Builder and then apply the ALB elements to the page.
You could Enable the Avia Layout Builder Debugger and copy your ALB shortcode from your first product page and apply it to your other pages so you won’t need to manually add the elements.Best regards,
MikeFebruary 3, 2023 at 11:59 pm in reply to: Align Text in Icon List centered vertically with Icon #1396616Hi,
Based on Guenni007‘s css, to apply it only to your /about/ page add the page ID to the css like this:#top.page-id-92 .avia-icon-list .iconlist_content_wrap { padding: 0 } #top.page-id-92 ul.avia-icon-list li { display: flex; align-items: center; flex-direction: row; padding: 0; margin-bottom: 50px; } #top.page-id-92 ul.avia-icon-list li article { min-height: 45px; flex: 1 1 80%; } #top.page-id-92 ul.avia-icon-list li article .av_iconlist_title { margin: 0 !important; top: 0 }After applying the css, please clear your browser cache and check.
Thanks Guenni007Best regards,
MikeFebruary 3, 2023 at 11:51 pm in reply to: Can’t show animated SVG even though I have a svg plugin #1396615Hey Monika,
Thanks for the link to your SVG, below I linked to my test page where the animation is working.
I installed the SVG Support plugin and enabled the Advanced Mode ▸ Force Inline SVG
Then I had to set the height and width for the SVG that I placed in an image elegant, I guess you won’t need to do that as you are already seeing the image..wp-image-3772.avia_image { height: 100%; width: 100%; }And now the image is animating for me, hopefully this helps.
Best regards,
MikeFebruary 3, 2023 at 11:27 pm in reply to: Place full width slider image between logo and horizontal nav bar #1396613Hey GWS,
Is this image going to be for every page or just the homepage?
Assuming it is just for the homepage I would recommend moving the current slider with jQuery so in the future you can easily change the image in the current slider and not change the script.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function move_slider_before_menu() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($) { $('#top.home #full_slider_1').detach().insertBefore('#header_main_alternate'); })(jQuery); }); </script> <?php } add_action('wp_footer', 'move_slider_before_menu');Best regards,
MikeHi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
To replace the burger menu parent cloned menu item text to a different text try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function replace_burger_menu_parent_cloned_menu_item_text() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('.avia_mobile').on('click', '.av-burger-menu-main', function() { $('.menu-item-2339 .avia-menu-text:first').text(function(index, text) { return text.replace('Gezichtsbehandelingen', 'Overview All Facial Treatments'); }); }); }(jQuery)); }); </script> <?php } add_action('wp_footer', 'replace_burger_menu_parent_cloned_menu_item_text');Please change the text: Overview All Facial Treatments to the text you wich to use.
Best regards,
MikeHi,
I see that you have this custom css:@media only screen and (max-width: 767px){ .myslider { margin-left: -40px; margin-right: -25px; margin-top: 25px; margin-bottom: 0.5px; } }To center the items please change it to this:
@media only screen and (max-width: 767px){ .myslider { margin-top: 25px; margin-bottom: 0.5px; } }and then add this css:
@media only screen and (max-width: 767px) { .responsive #top #team .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial { padding: 0; font-size: 0.85em; display: flex; justify-content: center; } }Then to show the arrows remove your custom css:
.avia-slideshow-arrows.avia-slideshow-controls { opacity: 0; } .avia-slideshow-arrows { display: none !important; }Then add this css:
#top #team .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a { opacity: 1; }Please see the screenshot in the Private Content area of my test results.
Best regards,
MikeHi,
Try adding this css:#top #team .avia-slider-testimonials.avia-testimonial-wrapper { overflow: visible; }BTW, I couldn’t see your not-active dots because they are white, you might want to use an off-white so they will show like this:
.avia-slideshow-dots a.goto-slide { background: #ccc; }Please see the screenshot in the Private Content area for the results I received
After applying the css, please clear your browser cache and check.Best regards,
MikeFebruary 2, 2023 at 5:48 pm in reply to: Background images and CSS on pages are not loading since last update #1396430Hi,
Thank you for your patience, when I check your example page in the back end I don’t see any background colors or background images set in the color sections on the page.
As I understood your posts above I thought you had background colors and images set in the color sections that were not showing on the frontend, am I understanding this correctly?
/wp-content/uploads/avia_posts_css was used prior to 5.3 and was only kept for cache backward compatibility, it is no longer used.
Saving the Theme Setting after the update should have copied the css files to /wp-content/uploads/dynamic_avia/avia_posts_css after the update, but it would not change the element settings and when the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression is disabled those css files would not be called and the element settings would take over.
I see your Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression is disabled now.
Can you identify which elements on that page don’t show the expected background colors or background images, perhaps I missed it.
The Grid element at the top of the page shows a background color and image and it shows on the frontend, is this the only element?
If this is true and the issue is when you enable the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression because the css is calling the wrong path, I recommend copying the /wp-content/uploads/avia_posts_css files via FTP and adding them to the /wp-content/uploads/dynamic_avia/avia_posts_css folder manually.
Perhaps a security plugin or file permissions are not allowing the move automatically.Best regards,
MikeHi,
Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
To hide the menu item Actualité from the burger menu only on the page /toques-robes/ please try this css:#top.page-id-13355 #av-burger-menu-ul .menu-item-21615 { display: none; }I added the page ID because your question in the original thread seemed to want to hide the menu item on the specific page, and the menu item class was different than above when I checked.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Thanks for the video that helped a lot since there were so many steps, I followed along with the browser console open looking for any errors and only sawyith-fields.min.js?ver=3.9.17:1 Uncaught TypeError: Cannot read properties of null (reading 'focus') at yith-fields.min.js?ver=3.9.17:1:15672for your YITH WooCommerce plugin, do you need this activated? Does the error still occur when it’s deactivated?
So after following all of the steps I saw in your MyWorks ▸ Queue it showed 0 as in your video, but I note that
MyWorks ▸ Connection shows the status of Active and Connected.
Since I didn’t see any other errors in the console so I’m not sure what the error could be.
I have asked the rest of the team if they have any ideas, thank you for your patience.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Thanks for your screenshot I tried to recreate this in Chrome Dev Tools between 480px – 711px and I couldn’t recreate the error, until I realized that I was looking at your testweb site and not your live site, when I tested your live site I saw the error.
Please check the same page on the two sites linked below and see if the same is true for you, if it is do you know what is different between the two sites?
Perhaps some CSS, a script, or a plugin?Best regards,
MikeHi,
I don’t have any experience with any file plugins, so I can’t advise.
Enfold will always have the Classic Editor option for as long as it will work which I expect to be for a few more years, I would not be worried, but new WordPress features will be towards the Block Editor.Best regards,
MikeHey Monika,
Thanks for your question, for the TOC to work your page needs to have H tags for each paragraph of content like H2, H3, H4, etc
Then when you add the TOC widget you need to select these H tags, by default the widget only has H1 selected, try holding down the [Ctrl] key and clicking all of the H tags.
I have linked to an example on my test site below for you to see.Best regards,
MikeHey peterolle,
unfortunately, the two WordPress editors will not work that way, WordPress wants to phase out the Classic Editor and only offer the Block Editor in the future, it’s probably a few years out.Best regards,
MikeHey Monika,
Thanks for the link to your page, please try this css instead:.bullets li { list-style: none!important; } .bullets li { padding-left: 40px; } .bullets li:before { content: '\e805'; font-family: 'wery-designstudio-icons'; font-size: 23px; font-weight: normal; position: absolute; left: 6px; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey karinorage,
Thank you for your question, the sort element is not a feature in the blog element, you need to choose the masonry element to show your blog for this.
PLease see our Masonry Documentation for styling options.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
I checked and your new image looks like it is working correctly.Best regards,
Mike -
This reply was modified 2 years, 11 months ago by
-
AuthorPosts

