Forum Replies Created

Viewing 30 posts - 14,071 through 14,100 (of 66,025 total)
  • Author
    Posts
  • in reply to: #wrap_all imperfection #1291640

    Hey Jos,

    Thank you for the inquiry.

    The following css code should help adjust the header width so that it aligns properly with the wrapper.

    .responsive.html_boxed.html_header_sticky #header {
    	width: calc(1100px - 1px) !important;
    	max-width: calc(90% - 1px) !important;
    }

    Please disable the Enfold > Performance > File Compression settings temporarily after adding the css code.

    Best regards,
    Ismael

    Hey Annemarie,

    Thank you for the inquiry.

    You can use an Image element and apply the video URL as the link of the image. The theme then will automatically detect the link and open the video inside a lightbox. Make sure that the Enfold > Theme Options > Lightbox Modal Window option is enabled.

    Best regards,
    Ismael

    in reply to: Headline with lines #1291635

    Hi,

    Thank you for the update.

    The css code no longer exists in the Quick CSS field, so we added it again. We also disabled the Performance > File Compression settings temporarily. Please do not forget to delete or purge the cache before checking the page.

    Best regards,
    Ismael

    in reply to: Uploaded font not displaying #1291634

    Hi,

    Thank you for the info.

    It is not working properly because the font is being loaded via http instead of https, so the content or the font file gets blocked by the browser. Please try to remove the custom font, purge the cache, then upload it again in the font manager.

    This is the error.

    Blocked loading mixed active content “http://site.eu/wp-content/uploads/avia_fonts/type_fonts/oranienbaum/oranienbaum-regular.ttf”
    downloadable font: failed to start download (font-family: "oranienbaum" style:normal weight:400 stretch:100 src index:0): content blocked source: http://site.eu/wp-content/uploads/avia_fonts/type_fonts/oranienbaum/oranienbaum-regular.ttf
    

    Best regards,
    Ismael

    in reply to: Managing Tags #1291633

    Hi,

    You can use the default Tag Cloud widget or select from any widgets in the list below.

    // https://wordpress.org/plugins/tag-list-widget/
    // https://wordpress.org/plugins/cool-tag-cloud/
    // https://wordpress.org/plugins/ultimate-tag-cloud-widget/

    Best regards,
    Ismael

    Hi,

    Sorry for the delay. Would you mind posting the FTP details so that we could check the issue the properly? For the meantime, please use this css code to hide the acf-field-group items in the masonry element.

    .type-acf-field-group {
    	display: none !important;
    }
    

    Best regards,
    Ismael

    in reply to: Enfold and Google Core Web Vitals #1291630

    Hi,

    Sorry for the delay. The CLS score in the product page above, which is using the default gallery with lazy loading is now 0.002, which is better than the previous scores, but most of the metrics like LCP are still lower than they should be. You have to follow the recommendations listed below to improve those scores.

    – Ensure text remains visible during webfont load
    – Does not use passive listeners to improve scrolling performance
    – Image elements do not have explicit width and height
    – Minimize main-thread work 6.5 s
    – Serve static assets with an efficient cache policy 40 resources found
    – Reduce JavaScript execution time 4.3 s
    – Avoid an excessive DOM size 1,414 elements
    – Eliminate render-blocking resources
    – Remove unused JavaScript
    – Reduce initial server response time
    – Remove unused CSS
    – Defer offscreen images
    – Serve images in next-gen formats

    These articles should help with the site optimization.

    // https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
    // https://gtmetrix.com/wordpress-optimization-guide.html

    One thing that you could try immediately is to use a different cache and minification plugin, just play around with the options until you get the best results. You may also need to upgrade hosting plan to ensure that the server response time to the client is decreased.

    For additional inquiries, please open another thread because this one is getting quite long. Thank you.

    Best regards,
    Ismael

    in reply to: Enfold and Google Core Web Vitals #1285405

    Hi,

    t. I don’t believe the Woocommerce gallery images are not lazy loaded,

    Actually, the problem is that the images in the default Woocommerce gallery are lazy loaded, but they do not have the width and height attributes, which is readily available in the default gallery. According to the web vitals documentation, doing lazy load is fine as long as you are not doing it for the images above the fold, which is what we have here in the product pages, and it is alright as long as the width and height attributes of the images are specified. So using the default Woocommerce 3.0 gallery is not helping at all in this case, because for some reason the width and height attributes of the images are not available.

    Best regards,
    Ismael

    in reply to: Enfold Gaming Demo Menu functionality on Sub Menu #1285403

    Hi,

    Thank you for the update.

    You have to remove the code tags in the following line, and replace it with double quotes. The script should work properly after. :)

    let item = $(<code>#top .av-subnav-menu a[href*='${entry}']</code>);
    

    Best regards,
    Ismael

    in reply to: website load slow #1285401

    Hi,

    Where did you see that error? We cannot find that issue in the pagespeed insight report and according to the speed tool, the slider images in the front page are still not optimized. Please try to install plugins like Shortpixel, Smush or EWWW Image Optimizer to compress the images.

    // https://wordpress.org/plugins/ewww-image-optimizer/
    // https://wordpress.org/plugins/shortpixel-image-optimiser/

    And again, you could follow the recommendations in the articles that we mentioned above to further optimize the site.

    Best regards,
    Ismael

    Hi,

    Thank you for the clarification.

    To make the icon visible on page load but not the overlay, we could set the default background color to transparent, then only change it to white on hover. Please look for the previous css code that we previously suggested.

    .image-overlay {
    	opacity: 0.5;
    	filter: alpha(opacity=0.5);
    }
    

    .. and replace it with this:

    
    .image-overlay {
        opacity: 0.5;
        filter: alpha(opacity=0.5);
        background: transparent !important;
        left: 0;
        top: 0;
    }
    
    .image-overlay:hover {
       background: #ffffff !important;
    }
    

    Best regards,
    Ismael

    in reply to: Moving Coupon Form on Checkout Page #1285387

    Hi,

    Thank you for the update.

    The text “If you have a coupon code, please apply it below.” is no longer visible on our end and only shows when we clicked the “Click here to enter your code” text or button. Please try to purge the cache and disable the Performance > File Compression settings temporarily, then check the page again.

    Best regards,
    Ismael

    in reply to: Blog Post Grid Layout – Title, Author, Date display #1285378

    Hi,

    Why is the name of the custom field “publication_name”? Did you change it?

    Where exactly did you place the code or in which template? If you want to place it in the archive and in the search results page, you have to modify the includes > loop-index.php file and the loop-search.php file located in the same includes directory. If you want to place it after the post meta info, you could also use this filter in the functions.php file.

    add_filter("avf_loop_index_blog_meta", function($output)  {
    	$outlet = get_post_meta($the_id, 'outlet', true);
    	if(!empty($outlet))
    	{
    		$outlet_output = '<span class="outlets minor-meta">'. __( 'Outlet:','avia_framework' ) . ' ';
    		$outlet_output .= $outlet;
    		$outlet_output .= '</span><span class="text-sep text-sep-cat">/</span>';
    	}
    	return $outlet_output . $output; 
    }, 10, 1); 
    
    

    Best regards,
    Ismael

    in reply to: 8 seconds to load the page #1285377

    Hi,

    We checked the page again today and the loading speed is not that bad, but it is not super fast either and the page preloader is not helping at all making it feel like the page is loading longer than it actually is. Have you tried disabling that option? And of course, following the recommendations in the speed tool, even the minor ones, should help squeeze more performance or further optimize the loading speed of the site.

    Best regards,
    Ismael

    in reply to: edit portfolio categories default grid #1285371

    Hi,

    We modified the files listed in the link above and the pagination is now working properly. Do not forget to purge the cache and do a hard refresh before checking the page. If you want to increase the number of items in the archive page, please go to the Settings > Reading panel and set the Blog pages show at most settings accordingly.

    For new inquiries, please use the form in the following page.

    // https://kriesi.at/support/forum/enfold/#new-post

    Best regards,
    Ismael

    Hi,

    You might be able to use the avia_layout_filter to change the layout of the default templates. I’ve seen you use it before.

    // https://kriesi.at/support/topic/tag-archive/#post-1053634

    Or the avf_custom_sidebar filter to assign a different widget area to a certain template or page.

    // https://kriesi.at/support/topic/custom-sidebar-on-buddypress-pages/#post-1229447

    Best regards,
    Ismael

    in reply to: Cumulative Layout Shift too high #1284823

    Hi,


    @Swarez
    : If the layout shift points to the Portfolio Grid element, then this css code might help.

    .isotope {
        -webkit-transition: none !important;
        transition: none !important;
    }
    
    .grid-image {
    	opacity: 1 !important;
    }
    

    This will disable the grid transition and make sure that the portfolio images are visible immediately without animating.

    Best regards,
    Ismael

    in reply to: Error "Call to undefined function av_icon_string()" #1284814

    Hi,

    as I’ve been having these errors only on 2 of the sites.

    Are there any plugins installed in these sites that do not exist on the others? It is possible that one of those plugins is causing the issue.

    Did you enable the scanning option of the WP Cerber security plugin?

    // https://wpcerber.com/wordpress-security-scanner/

    Does the error occur when you run the scan manually?

    Best regards,
    Ismael

    in reply to: Accessibility check issues #1284813

    Hi,

    The caption title has no background by default but you could try this css code to make sure that it is transparent.

    #top #wrap_all .all_colors h1, #top #wrap_all .all_colors h2, #top #wrap_all .all_colors h3, #top #wrap_all .all_colors h4, #top #wrap_all .all_colors h5, #top #wrap_all .all_colors h6 {
    	background: transparent !important;
    }
    

    The other thing that might be causing the issue is the dimming effect. There seems to be a background that transitions from light to dark.

    And the modification that we suggested for the contact form should only remove the decoy field, which is a single input field, not the entire contact form. Are you sure that you did not modify anything else?

    Best regards,
    Ismael

    in reply to: Enfold and Google Core Web Vitals #1284811

    Hi,

    Are majority of those product pages? If yes, then our previous suggestion to switch to the default theme gallery should help.

    According to the result, the images in the gallery do not have explicit width and height and they are lazy loaded, which caused layout shifts. The CLS score might improve if you switch to the default gallery from the theme instead of using the Woocommerce 3.0 Gallery, and disable lazy loading.

    Best regards,
    Ismael

    in reply to: Enfold Gaming Demo Menu functionality on Sub Menu #1284777

    Hi,

    Alright. Thank you for the clarification. Please remove the previous script in the functions.php file and replace it with this instead.

    // a custom script
    // add current-menu-item class to active item
    function ava_custom_script_mod() {
        if ( wp_script_is( 'avia-default', 'registered' ) ) {
            wp_add_inline_script( 'avia-default', '
    		(function($) {
    			$(document).ready(function() {
    				const setActive = (entry) => {     
    					let item = $(<code>#top .av-subnav-menu a[href*=\'${entry}\']</code>);
    		
    					if(!item.attr("href").includes(entry)) return;
    					
    					let list = item.parent("li");
    					let parent = list.parent("#menu-sub-menu");
    
    					if(list.is(".current-menu-item")) return;
    
    					parent.find("li").removeClass("current-menu-item");
    					list.addClass("current-menu-item");
    				}
    				
    				const createObserver = (entry) => {
    					let el = document.querySelector(entry);
    					
    					const observer = new IntersectionObserver(function(entries) {    
    						if(entries[0].isIntersecting === true) {
    							setActive(entry);
    						}
    						
    						}, { root: null, threshold:  [0.1] });
    
    					observer.observe(el);
    				}
    
    				const anchors = ["#test", "#intro", "#about", "#reviews", "#latest", "#credits"];
    
    				anchors.map(anchor => {
    					createObserver(anchor);
    				});
    			});
    		})(jQuery);
    	');
        }
     }
     add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod', 9999);
    

    In the anchors variable or in the following line, you can define or specify the elements that you would like observe on scroll.

    const anchors = ["#test", "#intro", "#about", "#reviews", "#latest", "#credits"];
    

    For some reason, the forum converts the escape in this line.

    let item = $(<code>#top .av-subnav-menu a[href*=\&#039;${entry}\&#039;]</code>);
    

    Please make sure to replace the html entity code (&#039 ;) with the actual single quote.

    Best regards,
    Ismael

    in reply to: Images inside text block #1284757

    Hi,

    No problem. We will close the thread now.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Video in Color Section is not repeating #1284756

    Hi,

    Glad it is working. For further inquiries, please feel free to create another thread. We will close this one for now.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Video in Color Section is not repeating #1284754

    Hi,

    Glad it is working. For further inquiries, please feel free to create another thread. We will close this one for now.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Header width scrollin down #1284415

    Hi,

    No worries. Please feel free to open another thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Internal link anchors top offset is wrong #1284414

    Hi,

    Try to replace the script with the following to append the hash or the anchor to the URL.

    function scrollToDiv(){
    ?>
    <script>
         jQuery(document).scroll(function() {
         var sections = jQuery('.avia-section'),
            menu   = jQuery('a[href^="#"]');
         	menu.on('click', function(event) {
        		var target = jQuery(this.getAttribute('href'));
        		if( target.length ) {
            		event.preventDefault();
            			jQuery('html, body').stop().animate({
                			scrollTop: target.offset().top - 200
            			}, 1000);
        			}
                            window.location.hash = this.getAttribute('href');
    			});
    		});
    </script>
    <?php
    }
    add_action('wp_head', 'scrollToDiv');
    

    Best regards,
    Ismael

    Hi,

    overlay stays visible after a rollover,

    Yes, that is how the above css code works. The overlay should only appear on hover by default, but the changes above makes sure that it is always visible. Is it not how you want it? How did you apply the custom icon?

    Best regards,
    Ismael

    in reply to: Accordion Jumping like an anchor tag in chrome #1284410

    Hi,

    Try to use this script instead to remove the ID attribute of every toggle_wrap container.

    function ava_custom_script(){
      ?>
      <script>
       (function($) {
           $(document).ready(function(){
             $('.single_toggle .toggle_wrap').removeAttr('id');
           });
      })(jQuery);
      </script>
    <?php
    }
    add_action('wp_footer', 'ava_custom_script');
    

    Best regards,
    Ismael

    in reply to: Error "Call to undefined function av_icon_string()" #1284408

    Hi,

    Could you provide a list of plugins that are currently installed in the site? Maybe one of them is loading the theme partially, which might be causing the issue. Have you tried upgrading to PHP 8.0?

    Best regards,
    Ismael

    in reply to: Enfold Gaming Demo Menu functionality on Sub Menu #1284403

    Hi,

    Thank you for the update.

    The script and css code above should be applied to the full sub menu items. Did you try it? You may need to purge the cache and do a hard refresh before checking the page.

    Best regards,
    Ismael

Viewing 30 posts - 14,071 through 14,100 (of 66,025 total)