Forum Replies Created
-
AuthorPosts
-
Hey Sabrina,
Thank you for the inquiry.
An alternative to WPML is the Polylang plugin, which offers a free version for basic site translation. Another option is GTranslate. Please check the links for more info.
— https://wordpress.org/plugins/polylang/
— https://wordpress.org/plugins/gtranslate/Best regards,
IsmaelHey Rabe, Matthias,
Thank you for the inquiry.
The mega menu class is now located in the enfold/includes/classes/class-responsive-mega-menu.php file. Let us know if you need more info.
Best regards,
IsmaelHey James,
Thank you for the inquiry.
We added this code to disable the default fade in animation of the elements inside the Color Section.
.js_active .av-minimum-height .container { opacity: 1; transition: none; }
If you need to apply this to a specific color section, apply the name “av-section-no-animation” in the Advanced > Developer Settings > Custom CSS Class field, then replace the css with:
.js_active .av-section-no-animation .container { opacity: 1; transition: none; }
Best regards,
IsmaelHey Alan,
Thank you for the inquiry.
There is no option for this in the Color section by default, but you can add a custom class name (e.g., av-section-border-radius) to the element under Advanced > Developer Settings > Custom CSS Class field, then add the following css to apply the border radius.
#top #wrap_all .av-section-border-radius { border-bottom-right-radius: 100px; border-bottom-left-radius: 100px; }
Another option is the Layout > SVG Divider settings.
Best regards,
IsmaelHi,
Thank you for the update. We were able to reproduce this on our end. To lower the file size, you can reset the default image quality back to 82 or lower by using the filter that we mentioned above.
add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1); add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1); function avf_set_quality_mod($quality) { $quality = 82; return $quality;}
After adding this code, the file size of the largest thumbnail decreased by more than half. If you want to make it smaller, use a lower quality value.
For more info about the filter, please check this link: https://developer.wordpress.org/reference/hooks/jpeg_quality/
Best regards,
IsmaelHi,
Thank you for the info.
We replaced the Fullscreen Slider with the Fullwidth Easy Slider. Please make sure to purge the cache before checking the page.
Best regards,
IsmaelHi,
You have to remove the width property from this css code to keep the logo from being distorted:
.logo, .logo a { overflow: visible; height: 100px; background-color: #075195; border-bottom-right-radius: .3125rem; border-bottom-left-radius: .3125rem; width: 12.5rem; }
And to replace the dashes with bullets, add this css code:
.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet { height: 3px; opacity: 1; border: none!important; width: 3px; border-radius: 100%; }
Best regards,
IsmaelHi,
Thank you for the inquiry.
This logic is designed for large numbers, like hundreds of thousands or millions. For smaller numbers (e.g. 10, 20, 100), it doesn’t have much effect because of how the increment is calculated in the enfold\config-templatebuilder\avia-shortcodes\numbers\numbers.js file:
increment = Math.round( fakeCountTo * 32 / countTimer); if(increment == 0 || increment % 10 == 0) increment += 1; setTimeout( function(){ start_count(element, countTo, increment, current, fakeCountTo, number_format);}, start_timer);
In your case, this is “increment = Math.round( 20 * 32 / 20000);” which results to 0 and defaults to increment += 1.
Best regards,
IsmaelHi,
Thank you for the screenshots.
You need to set the Enfold > Header > Header Layout > Menu and Logo Position setting to Logo Left, Menu Right, then add the following css code to adjust the logo image size and allow it to overflow the header container.
.logo, .logo a { overflow: visible; height: 100px; } .logo img, .logo svg { max-height: 150px !important; height: 150px; }
Best regards,
IsmaelJune 2, 2025 at 6:01 am in reply to: SVG Icons and Default icons – How can i disable the SVG Icons #1484960Hi,
Thank you for the update. Try to replace the filter with the following code to completely disable the icon set dropdown.
add_filter('avf_default_iconfont', function($icon_font) { $icon_font['svg_entypo-fontello'] = array( 'append' => '', 'include' => '', 'folder' => '', 'config' => '', 'json' => '', 'full_path' => false ); $icon_font['entypo-fontello-enfold'] = array( 'append' => '', 'include' => '', 'folder' => '', 'config' => '', 'json' => '', 'full_path' => false ); return $icon_font; }, 10, 1); add_filter('avf_icon_font_filter_suppress', '__return_true');
Best regards,
IsmaelHey minhndq,
Thank you for the inquiry.
Would you mind providing a screenshot of the changes you’d like to make? You can use platforms like Savvyify, Imgur, or Dropbox to upload and share the screenshot.
Best regards,
IsmaelHey Erin,
Thank you for the inquiry.
Is there any possible to show entire image ( no cut any part) in slide?
If you need the whole image to display on all screen sizes, you can use the Fullwidth Easy Slider instead of the Fullscreen Slider. You can also place the Image element inside a Color Section and set its container width to 100%. Please check this link for more info.
— https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width
Best regards,
IsmaelHi,
If you’re using the Posts Slider element or the Blog Posts element in Grid Layout, you can use the avia_post_grid_query filter to modify the query or adjust the item sorting.
Example:
— https://kriesi.at/support/topic/remove-current-portfolio-post-from-related-portfolio-grid/#post-836906
— https://kriesi.at/support/topic/sort-blog-posts-element-ascending/#post-1001791
— https://kriesi.at/support/topic/add-a-order-by-attribute-on-portfolio-grid/#post-1015617
— https://kriesi.at/support/topic/add-event-date-to-portfolio/#post-1479828Best regards,
IsmaelHi,
@soniavoice: Would you mind providing the original source of the image so we can upload it on our end? When we uploaded a 4.8MB PNG image directly to an Image element using the Advanced Layout Builder, the resulting full-size thumbnail is only 2MB — less than half the original size. It’s possible that is a plugin or custom script interfering with the WordPress media uploader on your installation.Best regards,
IsmaelHi,
Thank you for the info. We removed the code from the Appearance > Customize > Additional CSS panel. Please make sure to purge the cache before checking the page.
Best regards,
IsmaelHey Sven,
Sorry for the late response. The image seems to be resizing or responding correctly on smaller screens. Did you figure out the issue?
Best regards,
IsmaelHey Sonia,
Sorry for the delay. The theme automatically sets the quality of uploaded images to 100%, but this should not be the reason why the generated files are larger than the originals. Did you install any plugins related to images or compression?
If necessary, you can reset the image quality to the WordPress default by adding this code to the functions.php file.
add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1); add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1); function avf_set_quality_mod($quality) { $quality = 70; return $quality;}
You may need to regenerate the thumbnails afterward.
— https://wordpress.org/plugins/force-regenerate-thumbnails/
Make sure to create a site backup or restore point before regenerating the thumbnails.
Best regards,
IsmaelHey jaimemerz,
Thank you for the inquiry.
Are you using the Advanced Layout Builder for this page? The sorting plugins may not work because the theme creates custom queries for the post elements. If you can provide the specific page where you need to adjust the item sorting, we’ll take a closer look.
Best regards,
IsmaelHey ExperienceDNA2019,
Thank you for the inquiry.
We may need to inspect the site to better understand the issue. Please provide the site URL and login credentials in the private field — screenshots will also help.
Best regards,
IsmaelHi,
Thank you for the update.
You may have forgotten to include the site URL in the private field. What is the current version of the theme? Please include the site URL in the private field and make sure that the theme version is 7.1.1.
Best regards,
IsmaelHey PhatJ,
Thank you for the inquiry.
There is no built-in option for this layout by default, but you can do it using the Grid Row element. In the Advanced > Developer Settings > Custom CSS Class field, add the class name “av-custom-grid-row-background”, and set the cell size to 2/3 – 1/3. Then, edit the first cell, add the class name “av-slanted-content-background”, and apply the following css code to create the diagonal background. Make sure to adjust the background image URL.
.av-custom-grid-row-background { background: url('IMAGE URL HERE'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .av-slanted-content-background { padding: 100px 20px 100px 60px; clip-path: polygon(0% 0%, 0% 100%, 64% 100%, 100% 0%); position: relative; z-index: 1; } .av-slanted-content-background .flex_cell_inner { width: 90%; padding-right: 180px }
Best regards,
IsmaelHey ronduring,
Thank you for the inquiry.
It’s not possible to override shortcode files directly in the child theme. To do this, you will need to register an additional shortcode path in the child theme and place the shortcode files or folders there. Please check the link below for more info.
— https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb
Best regards,
IsmaelHi,
Thank you for the update.
Please provide the login details in the private field so we can check further. Also, make sure that Appearance > Theme File Editor is accessible, just in case.
Best regards,
IsmaelHey Oriano,
Thank you for the inquiry.
Unfortunately, the Grid Row element cannot be saved as a Custom Element Template, and there are currently no plans to support this feature. You may need to use a different element for now. Thank you for your understanding.
Best regards,
IsmaelHey Dzimnikov,
Thank you for the inquiry.
We’re not yet sure why the numbers don’t reflect the actual products. This could be an issue with the database. Please create a site backup or restore point, then try cleaning the database using one of the following plugins.
— https://wordpress.org/plugins/wp-optimize/
— https://wordpress.org/plugins/advanced-database-cleaner/Best regards,
IsmaelHey Shari,
Thank you for the inquiry.
The arrows are there but they are barely visible because the background is transparent due to this css code.
#top .avia-slideshow-arrows.avia-slideshow-controls a { background: #fff0 !important; }
You can either remove the modification or add this code in the Enfold > General Styling > Quick CSS field.
#top .avia-slideshow-arrows.avia-slideshow-controls a { background: #a6a6a6 !important; }
Best regards,
IsmaelHey d2mediahub,
Thank you for the inquiry.
The site seems to be displaying correctly on our end. Could you provide a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot.
Best regards,
IsmaelHey ebenanders,
Thank you for the inquiry.
Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur, or Dropbox. If the issue is related to a third-party plugin, please note that you’ll need to contact the plugin developers directly. Unfortunately, we do not provide support for plugins or third-party extensions.
Best regards,
IsmaelHey blinddrop,
Thank you for the inquiry.
Did you select the page to be displayed as the blog page in Enfold > Theme Options? Please provide the login details in the private field so we can check the issue further.
Best regards,
IsmaelHi,
Sorry for the delay. We adjusted the code in the functions.php file to render the sales badge for simple and variable products. Please make sure to purge the cache before checking.
This is the updated code.
add_action( 'woocommerce_before_shop_loop_item_title', 'avf_woocommerce_sale_badge', 20 ); function avf_woocommerce_sale_badge() { global $product; if ( $product->is_type('simple') ) { $regular_price = floatval( $product->get_regular_price() ); $sale_price = floatval( $product->get_sale_price() ); if ( $regular_price > 0 && $sale_price > 0 && $sale_price < $regular_price ) { $percentage = round( ( ( $regular_price - $sale_price ) / $regular_price ) * 100 ) . '%'; echo '<span class="av-custom-sale-badge">-' . esc_html( $percentage ) . '</span>'; } } elseif ( $product->is_type('variable') ) { $percentage = get_variable_sale_percentage( $product ); if ( $percentage ) { echo '<span class="av-custom-sale-badge">-' . esc_html( $percentage ) . '</span>'; } } } function get_variable_sale_percentage( $product ) { $variation_min_regular_price = floatval( $product->get_variation_regular_price( 'min', true ) ); $variation_max_regular_price = floatval( $product->get_variation_regular_price( 'max', true ) ); $variation_min_sale_price = floatval( $product->get_variation_sale_price( 'min', true ) ); $variation_max_sale_price = floatval( $product->get_variation_sale_price( 'max', true ) ); $percentages = []; if ( $variation_min_regular_price > 0 && $variation_min_sale_price > 0 && $variation_min_sale_price < $variation_min_regular_price ) { $percentages[] = round( ( ( $variation_min_regular_price - $variation_min_sale_price ) / $variation_min_regular_price ) * 100 ); } if ( $variation_max_regular_price > 0 && $variation_max_sale_price > 0 && $variation_max_sale_price < $variation_max_regular_price ) { $percentages[] = round( ( ( $variation_max_regular_price - $variation_max_sale_price ) / $variation_max_regular_price ) * 100 ); } if ( empty( $percentages ) ) { return false; } sort( $percentages ); if ( count($percentages) === 2 && $percentages[0] !== $percentages[1] ) { return $percentages[0] . '% - ' . $percentages[1] . '%'; } else { return $percentages[0] . '%'; } }
Best regards,
Ismael -
AuthorPosts