Forum Replies Created
-
AuthorPosts
-
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,
IsmaelHi,
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,
IsmaelMarch 4, 2021 at 1:52 pm in reply to: Portfolio Grid icon overlay always visible rather than just on hover #1285394Hi,
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,
IsmaelHi,
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,
IsmaelHi,
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,
IsmaelHi,
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,
IsmaelHi,
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,
IsmaelMarch 2, 2021 at 5:17 pm in reply to: preset a portfolio to have on default a custom widget area shown. #1284831Hi,
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,
IsmaelHi,
@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,
IsmaelHi,
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,
IsmaelHi,
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,
IsmaelHi,
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,
IsmaelHi,
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*=\'${entry}\']</code>);
Please make sure to replace the html entity code (' ;) with the actual single quote.
Best regards,
IsmaelHi,
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,
IsmaelHi,
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,
IsmaelHi,
No worries. Please feel free to open another thread if you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
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,
IsmaelMarch 1, 2021 at 1:18 pm in reply to: Portfolio Grid icon overlay always visible rather than just on hover #1284412Hi,
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,
IsmaelHi,
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,
IsmaelHi,
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,
IsmaelHi,
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,
IsmaelHi,
Glad to know that it is working. And thank you for sharing the code.
Best regards,
IsmaelHi,
The css code above should also affect the columns in the Posts panel. Please try to add it in the functions.php file and let us know if it changes anything. It is possible that the issue is cause by a plugin because we cannot reproduce it on our own installation.
Best regards,
IsmaelHi,
Thank you for the update.
The whole box or slide entry container should be clickable and redirect to the corresponding links when clicked. The css code above will just adjust the padding, so I doubt it actually changes anything. Did you add the css code that we suggested above?
.slide-entry { cursor: pointer; }
Best regards,
IsmaelHi,
You are very welcome! Glad we could be of help. Please feel free to open a new thread should you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
According to an article created by the plugin developers, the Google Analytics feature is compatible or should work seamlessly with the following plugins.
// https://wordpress.org/plugins/cookie-notice/
// https://wordpress.org/plugins/cookiebot/Unfortunately, we are not familiar or we are not sure how the plugin loads the GA script, so you might have to use one of those plugins or just add the script in the theme’s Google Service > Google Analytics field.
Best regards,
IsmaelHey!
If you are using the native lazy loading option, you should be able to prevent the browser from lazy loading a specific image element (slider, gallery, image etc) by selecting the appropriate option in the Advanced > Performance > Lazy Loading Of Images settings,
Regards,
IsmaelHey!
Sorry for the confusion. We forgot that we were the one who added the snippet in the functions.php file. Did you try the updated code that we posted above? You should be able to edit the functions.php file in the Appearance > Editor panel, or via FTP if you already have a login account. If the Appearance > Editor panel is not accessible, we may need to modify the wp-config.php file. And for that, we really need an FTP account.
Cheers!
IsmaelFebruary 26, 2021 at 6:32 pm in reply to: Menu underline the same width as the menu titles? #1283918Hi,
Thank you for the info.
We could create a pseudo container (:before) inside the current menu item, specify its dimension so that it has the same width as the menu item minus the 26px padding, apply the same orange background to it and make sure that it is positioned at the very top of the header. Please remove 3px orange border that you previously applied to the current menu item, then use this css code instead.
.current-menu-item::before { content: ""; position: absolute; top: 0; width: calc(100% - 26px); height: 3px; background: #fbb040; left: 13px; }
Best regards,
Ismael -
AuthorPosts