Forum Replies Created

Viewing 30 posts - 9,181 through 9,210 (of 34,990 total)
  • Author
    Posts
  • 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 .svgz in 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.
    Enfold_Support_280.jpeg
    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 Guenni007

    Best regards,
    Mike

    in reply to: Search icon mobile version #1396632

    Hi,
    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=&quot;search&quot; action=&quot;https://your-domain.com/&quot; id=&quot;searchform&quot; method=&quot;get&quot; class=&quot;&quot;><div><input type=&quot;submit&quot; value=&quot;&quot; id=&quot;searchsubmit&quot; class=&quot;button avia-font-entypo-fontello&quot; /><input type=&quot;text&quot; id=&quot;s&quot; name=&quot;s&quot; value=&quot;&quot; /></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
    in reply to: various #1396624

    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,
    Mike

    in reply to: Problems after updating to Enfold 5.4 #1396623

    Hi,
    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:
    Enfold_Support_270.jpeg
    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,
    Mike

    in reply to: Startseite wird nicht mehr geladen #1396621

    Hi,
    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 directive

    but 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,
    Mike

    Hi,
    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,
    Mike

    in reply to: [WooCommerce] Product import + Advanced Layout Builder #1396619

    Hey 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,
    Mike

    in reply to: Align Text in Icon List centered vertically with Icon #1396616

    Hi,
    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 Guenni007

    Best regards,
    Mike

    in reply to: Can’t show animated SVG even though I have a svg plugin #1396615

    Hey 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,
    Mike

    Hey 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,
    Mike

    in reply to: Fatal error #1396610

    Hi,
    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,
    Mike

    in reply to: Submenu shows parent as submenu page on mobile #1396609

    Hi,
    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,
    Mike

    in reply to: Add dotted navigation to testimonial block #1396580

    Hi,
    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,
    Mike

    in reply to: Add dotted navigation to testimonial block #1396548

    Hi,
    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,
    Mike

    Hi,
    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,
    Mike

    in reply to: Large Gap don’t work on Masonry Gallery #1396427

    Hi,
    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,
    Mike

    in reply to: Hide burger menu item #1396425

    Hi,
    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,
    Mike

    in reply to: Full background image #1396423

    Hi,
    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,
    Mike

    in reply to: reduce the distance #1396422

    Hi,
    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,
    Mike

    in reply to: Critical Issue and Clashes #1396386

    Hi,
    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 saw

    yith-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:15672

    for 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,
    Mike

    in reply to: Use WordPress block with classic editor #1396377

    Hi,
    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,
    Mike

    in reply to: Adjustment of the Portfolio Category page #1396261

    Hi,
    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,
    Mike

    in reply to: Use WordPress block with classic editor #1396257

    Hi,
    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,
    Mike

    in reply to: Table of contents widget – how to implement? #1396094

    Hey 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,
    Mike

    in reply to: Use WordPress block with classic editor #1396093

    Hey 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,
    Mike

    in reply to: Custom Icon Bullets #1396092

    Hey 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,
    Mike

    in reply to: Sorting options in Blog Post element #1396091

    Hey 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,
    Mike

    in reply to: slider on store like home #1396088

    Hi,
    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,
    Mike

    in reply to: slider on store like home #1396013

    Hi,
    I checked and your new image looks like it is working correctly.

    Best regards,
    Mike

    in reply to: color section error #1396012

    Hi,
    When I check it is white:
    Enfold_Support_264.jpeg
    Try logging out and using an incognito window.
    You can enable the cache again but it might take a while for the cache to clear, for best results only enable the cache after you have finished your site.

    Best regards,
    Mike

Viewing 30 posts - 9,181 through 9,210 (of 34,990 total)