Forum Replies Created
-
AuthorPosts
-
Hi,
Great! Glad to know that you managed to resolved the issue. Let us know if you have more questions. Have a nice day.
Best regards,
IsmaelHi,
We adjusted the scroll position a bit.
const offsetPosition = elementPosition + 142;
Please try it again:
function av_hotspot_smooth_scroll() { ?> <script> document.addEventListener('DOMContentLoaded', function () { document.querySelectorAll('.av-image-hotspot .avia-tooltip .inner_tooltip a[href^="#"]').forEach(function(anchor) { anchor.addEventListener('click', function(e) { e.preventDefault(); const targetID = this.getAttribute('href').substring(1); const targetElement = document.getElementById(targetID); if (targetElement) { const elementPosition = targetElement.getBoundingClientRect().top + window.pageYOffset; const offsetPosition = elementPosition + 142; window.scrollTo({ top: offsetPosition, behavior: 'smooth' }); history.pushState(null, null, '#' + targetID); } }); }); }); </script> <?php } add_action( 'wp_footer', 'av_hotspot_smooth_scroll', 99 );
Adjust the value 142 as needed.
Best regards,
IsmaelHey peterolle,
Thank you for the inquiry.
You can use the wp_head or wp_footer hook to add the script to a specific page.
Example:
function ava_json_ld_mod() { /// replace placeholder slug-of-your-page with the actual slug or ID of the page if (is_page('slug-of-your-page')) { ?> <script type="application/ld+json"> { "@context": "https://schema.org/", "@id": "https://www.example.com/advancedCpp", "@type": "Course", "name": "Learn Advanced C++ Topics", "description": "Improve your C++ skills by learning advanced topics.", "publisher": { "@type": "Organization", "name": "CourseWebsite", "url": "https://www.examplecoursewebsite.com" }, "provider": { "@type": "Organization", "name": "Example University", "url": "https://www.example.com" } } </script> <?php } } add_action('wp_head', 'ava_json_ld_mod');
Make sure to the adjust the value of the is_page conditional function.
Best regards,
IsmaelHey goldengate415,
Thank you for the inquiry.
There is no native way to lazy load elements like color sections, unlike images, where you can control loading behavior using the loading attribute. It’s still possible to implement lazy loading using custom scripts, but it will not really improve performance and could even make it worse due to the added scripts. Unfortunately, it would require significant modifications to the theme that is beyond the scope of support. Thank you for your understanding.
Best regards,
IsmaelHey icarogioiosi,
Thank you for the inquiry.
You can add this css code to move the title to the right of the image, position it at the top, reduce the font size, remove the borders, and add space below each portfolio entry. Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings, then purge the cache after adding the modification.
#top .isotope-item.special_av_fullwidth .inner-entry { text-align: left; display: flex; flex-direction: row-reverse; } #top .grid-entry .inner-entry { box-shadow: none; } #top .isotope-item.grid-entry { margin-bottom: 20px; } #top .isotope-item.special_av_fullwidth .av_table_col .entry-title { margin: 0 0 20px; font-size: 16px; }
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelHey amollde,
Thank you for the inquiry.
Have you tried adjusting the colors of the Progress Bar element in the Styling panel? Please see the screenshot below:
Let us know if you need more info.
Best regards,
IsmaelAugust 4, 2025 at 6:13 am in reply to: Accessibility Issue: Data Grid with portfolio items creates redundant links #1487534Hey amollde,
Thank you for the inquiry.
We are not seeing any redundant links on the homepage. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelAugust 4, 2025 at 6:08 am in reply to: Accessibility issue: privacy reload tooltip contains empty link #1487533Hey amollde,
Thank you for the inquiry.
We’ll forward the issue to our channel. Temporarily, you can edit the themes\enfold\includes\classes\class-privacy-class.php file, around line 1782, and look for this code:
$output .= '<a class="avia-privacy-reload-tooltip-link" aria-hidden="true" href="#" rel="nofollow" data-avia-privacy-reload-tooltip="' . esc_attr( $reload ) . '"></a>';
Replace it with:
$output .= '<span class="avia-privacy-reload-tooltip-link" aria-hidden="true" data-avia-privacy-reload-tooltip="' . esc_attr( $reload ) . '"></span >';
Let us know if this resolves the issue.
Best regards,
IsmaelHey amollde,
Thank you for the inquiry.
Did you set the Logo and the Transparency Logo in the Enfold > Theme Options panel? Please make sure that both of these options have an image selected.
You can also try this css code:
#top .av_header_transparency.av_alternate_logo_active .logo a > img, #top .av_header_transparency.av_alternate_logo_active .logo a > svg { opacity: 1; }
Best regards,
IsmaelHi,
Thank you for the info.
Please add this css code to move the account and mobile menus after the cart icon.
@media only screen and (max-width: 1024px) { .responsive #top #wrap_all .main_menu { display: flex; position: absolute; flex-direction: row-reverse; } }
Let us know the result.
Best regards,
IsmaelHey Rastoffarai,
Thank you for the inquiry.
This is the image causing the LCP issue: photovoltaik-anlage-fockenbrock-elektrotechnik-2560×1707-01.jpg.
It is currently 2560×1707 pixels, which is quite large. Consider resizing it to half that size or smaller (1024x683px), and make sure all site images are properly compressed. You can use optimization plugins like ShortPixel or Imagify for this.
After resizing and compressing the images, use the following plugin to preload the “photovoltaik-anlage-fockenbrock-elektrotechnik” image.
— https://wordpress.org/plugins/preload-lcp-image/
Let us know if the LCP issue continues.
Best regards,
IsmaelHi,
Thank you for the update.
We adjusted the script a bit. Please remove the previous modification and replace it with the following code:
function ava_custom_script_mod() { ?> <script> // make post grid excerpt clickable jQuery(document).ready(function($) { $('article.slide-entry').each(function() { const $article = $(this); const link = $article.find('a.slide-image').attr('href'); if (link) { $article.css('cursor', 'pointer').on('click', function(e) { if (!$(e.target).closest('a, button').length) { window.location.href = link; } }); } }); }); </script> <?php } add_action('wp_footer', 'ava_custom_script_mod', 9999);
Best regards,
IsmaelHi,
Thank you for the inquiry.
Try to add this css code to fix the icon in place, preventing it from affecting the size of the button while animating.
#top .buttonpulse a.avia-button .avia_button_icon { position: absolute; left: 30px; top: 15px; } #top .buttonpulse a.avia-button .avia_iconbox_title { padding-left: 15px; }
Let us know the result.
Best regards,
IsmaelHey Ventsislav Krastev,
Thank you for the inquiry.
We may need to inspect the site or the affected pages. Please provide the details in the private field, including direct links to the affected categories. Did you set the main blog page in Enfold > Theme Options?
Best regards,
IsmaelHey Andrea,
Thank you for the inquiry.
Try to add this css code to adjust the breakpoint of the columns on smaller screens.
@media only screen and (max-width: 1366px) { .responsive #top #wrap_all #breakpoint1024 .flex_column.col { margin: 0; margin-bottom: 20px; width: 100%; display: block; float: none; } }
Result:
Best regards,
IsmaelHey vrhgmt744p,
Thank you for the inquiry.
Please add this css code to adjust the color of the checkbox labels.
.main_color .input_checkbox_label { color: #ffffff; }
Let us know how it goes.
Best regards,
IsmaelAugust 1, 2025 at 5:40 am in reply to: Phone and email icon next text in heder extra elements #1487438Hey vrhgmt744p,
Thank you for the inquiry.
You can enter these shortcodes in the phone info field.
Phone:
[av_font_icon icon='phone' font='svg_entypo-fontello' style='' caption='' size='40px' position='left' color='' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-mds9v1ky' sc_version='1.0' admin_preview_bg=''][/av_font_icon]
Email:
[av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-mds9wcyi' sc_version='1.0' admin_preview_bg=''][/av_font_icon]
Let us know the result.
Best regards,
IsmaelHi,
the top menu/header.
We may need to view the site and inspect the elements. Please provide the site URL in the private field.
Best regards,
IsmaelHi,
Glad to know that the issue has been resolved! Please don’t hesitate to open another thread if you have more questions. Have a nice day.
Best regards,
IsmaelJuly 31, 2025 at 5:47 am in reply to: What is the JS file (and path) for the theme included “Cookie Consent” bar? #1487405Hi,
The cookie consent still doesn’t display even after disabling WP Rocket and all other plugins on the site. What happens if you remove or temporarily disable the header.php, footer.php, and functions.php files in the child theme? Please provide the FTP details so we can modify the files if needed.
Best regards,
IsmaelHi,
Great! Glad to know this has been resolved. Feel free to open another thread if you have more questions. Have a nice day.
Best regards,
IsmaelHey Chris McNabb,
Thank you for the inquiry.
The automatic updater in the dashboard will no longer work in version 4.5.5. You will need to download the latest version of the theme from your Themeforest account, then upload it to your server via FTP. Don’t forget to create a site backup before proceeding. For more info about updating, please check this documentation.
— https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
— https://kriesi.at/archives/the-complete-guide-to-updating-enfoldBest regards,
IsmaelJuly 30, 2025 at 7:39 am in reply to: disable or expand hover off state in icon circles element #1487377Hi,
Glad to know this has been resolved! Thank you for the kind words. Feel free to open another thread if you have more questions. Have a nice day.
Best regards,
IsmaelJuly 30, 2025 at 7:37 am in reply to: Home page full screen slider and galleries not showing images? #1487376Hi,
Please continue here: https://kriesi.at/support/topic/home-page-slider-and-image-galleries-not-working/
Best regards,
IsmaelHi,
Yes, please include the login details in the private field so we can check the issue further. Also, make sure the theme is updated to version 7.1.1.
Best regards,
IsmaelHi,
Thank you for the update.
We may need to log in to the site to properly check this, and we recommend hiring a developer or specialist to help you correctly set up your GTM events and integrate them with the contact form.
In the meantime, try to remove the submit button filter and replace it with this code.
// trigger gtm event when the form is submitted add_action( 'wp_footer', function () { ?> <script> document.addEventListener('DOMContentLoaded', function () { if (typeof window.dataLayer === 'undefined' || !Array.isArray(window.dataLayer)) { console.warn('dataLayer is not available. Skipping form submission tracking.'); return; } const responseEl = document.getElementById('ajaxresponse_1'); if (!responseEl) return; const observer = new MutationObserver(function (mutationsList) { for (const mutation of mutationsList) { if ( mutation.type === 'attributes' && (mutation.attributeName === 'class' || mutation.attributeName === 'style') ) { const isVisible = !responseEl.classList.contains('hidden') && responseEl.style.display !== 'none'; if (isVisible) { window.dataLayer.push({ event: 'form_submission' }); console.log('dataLayer push: form_submission'); observer.disconnect(); break; } } } }); observer.observe(responseEl, { attributes: true, attributeFilter: ['class', 'style'] }); }); </script> <?php }, 9999 );
Let us know the result.
Best regards,
IsmaelHey Soulshakin,
Thank you for the inquiry.
Unfortunately, there’s no option to delay the animation or change when it starts. This would likely require significant modifications to the theme. If you’re interested, you can reach out to Codeable for this type of customization.
— https://kriesi.at/contact/customization
We appreciate your understanding.
Best regards,
IsmaelHey pelgrimrat,
Thank you for the inquiry.
You can add this code in the functions.php file to make the excerpt clickable with the same link as the title and featured image.
function ava_custom_script_mod() { ?> <script> // make post grid excerpt clickable jQuery(document).ready(function($) { $('article.slide-entry').each(function() { const $article = $(this); const link = $article.find('a.slide-image').attr('href'); if (link) { const $excerpt = $article.find('.slide-entry-excerpt'); $excerpt.css('cursor', 'pointer').on('click', function(e) { if (!$(e.target).closest('a').length) { window.location.href = link; } }); } }); }); </script> <?php } add_action( 'wp_footer', 'ava_custom_script_mod', 9999 );
Let us know the result.
Best regards,
IsmaelHey schwabino,
Thank you for the inquiry.
We’re seeing an error in the console which seems to be related to a sorting dropdown or filter.
Syntax error, unrecognized expression: #facilitytype=0&sortby=Date&view=Grouping&holes=3&timeperiod=3&timemax=42&timemin=10&players=0&pricemax=10000&pricemin=0&promotedcampaignsonly=false
Did you add any extensions or modifications to the theme?
Best regards,
IsmaelHi,
Thank you for the update.
Unfortunately, the combo widget hasn’t been updated to retrieve and display product reviews from their new location. It can only pull content from the default comment entries. You may need to switch to a different reviews widget, such as one of the following.
— https://wordpress.org/plugins/customer-reviews-woocommerce/
— https://wordpress.org/plugins/judgeme-product-reviews-woocommerce/If you’re interested, you can directly modify the enfold/framework/php/widgets/widget-classes/class-avia-combo.php file and replace it with this code:
— https://pastebin.com/LYu68kQR
Let us know the result.
Best regards,
Ismael -
AuthorPosts