Hi,

No problem! Feel free to open another thread if you have more questions. Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the info.

We are not certain why the search SVG icon is not displaying, but we managed to work around the issue by adding this code in the Quick CSS field:

#top .menu-item-search-dropdown > a.avia-svg-icon svg:first-child, #top .menu-item-search-dropdown > a.avia-svg-icon img[is-svg-img="true"] {
    z-index: 1;
}

We also added this script to make sure that when the SVG icon is clicked, it displays the AJAX search field.

add_action( 'wp_footer', 'av_custom_script', 100 );
function av_custom_script() {
    ?>
    <script>
    // trigger ajax search field
    document.addEventListener("DOMContentLoaded", () => {
        const svg = document.querySelector("#menu-item-search svg");

        if (svg) {
            svg.addEventListener("click", (e) => {
                e.preventDefault();
                e.stopPropagation();

                const parentLink = svg.closest("a");
                const parentLi = svg.closest("li");

                if (parentLink) {
                    parentLink.click();
                } else if (parentLi) {
                    parentLi.click();
                }
            });
        }
    });
    </script>
    <?php
}

Best regards,
Ismael

Hey ronduring,

Thank you for the inquiry.

Unfortunately, there is no built-in option for this. You can find the code for the map in the avia/av/app/public/wp-content/themes/enfold/framework/js/conditional_load/avia_google_maps_api.js file. If you need further help with customization, we recommend hiring a freelance developer or contacting Codeable using the form below.

— https://kriesi.at/contact/customization

Best regards,
Ismael

Hi,

We edited the code again to display only the rounded discount percentage, without a range.

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">Sale: ' . esc_html( $percentage ) . '%</span>';
        }

    } elseif ( $product->is_type('variable') ) {
        $percentage = get_variable_max_sale_percentage( $product );

        if ( $percentage ) {
            echo '<span class="av-custom-sale-badge">Sale: ' . esc_html( $percentage ) . '%</span>';
        }
    }
}

function get_variable_max_sale_percentage( $product ) {
    $variations = $product->get_children();
    $max_percentage = 0;

    foreach ( $variations as $variation_id ) {
        $variation = wc_get_product( $variation_id );
        if ( $variation && $variation->is_on_sale() ) {
            $regular_price = floatval( $variation->get_regular_price() );
            $sale_price    = floatval( $variation->get_sale_price() );

            if ( $regular_price > 0 && $sale_price > 0 && $sale_price < $regular_price ) {
                $percentage = round( ( ( $regular_price - $sale_price ) / $regular_price ) * 100 );
                if ( $percentage > $max_percentage ) {
                    $max_percentage = $percentage;
                }
            }
        }
    }

    return $max_percentage > 0 ? $max_percentage : false;
}

Best regards,
Ismael

Hi,

It displays the same as the original image, with the head slightly cut off. (see private field)

Best regards,
Ismael

Hi,

The entire image is visible when we checked.

View post on imgur.com

Could you share a screenshot of the issue?

Best regards,
Ismael

Hey inovatifglobaltr,

Thank you for the inquiry.

You can use this filter in the functions.php file to adjust the default label of the captcha.

function avia_contact_form_elements_mod( $form_fields ) {
	if ( isset( $form_fields['avia_age'] ) ) {
		$form_fields['avia_age']['label'] = __( 'Verify you are human', 'avia_framework' );
	}
	return $form_fields;
}

add_filter( 'avia_contact_form_elements', 'avia_contact_form_elements_mod', 10, 1 );

Let us know the result.

Best regards,
Ismael

Hey kontaktatadaffairs,

Thank you for the inquiry.

What do you mean by the “‘before-and-after” button? Could you provide a screenshot of the issue or a link to a test page? You can use platforms like Savvyify, Imgur, or Dropbox.

Best regards,
Ismael

Hi,

Thank you for the info. The very first Special Heading element contains an invalid strong tag.

Tuition < strong >Cost

Please correct this and kindly review the whole page for similar issues.

Best regards,
Ismael

Hi,

If you need the buttons and post meta info (date, comments) to align, you can either apply a minimum height to the post title and excerpt, or make sure they have the same number of characters, which is probably not ideal. To do the former, you can add the following css code:

#top .avia-content-slider .slide-entry-title {
    min-height: 118px;
}

In the end, the position of the “read more” button will depend on the length of the title and post excerpt.

Best regards,
Ismael

Hi,

The shortcodes [list-pages], [sibling-pages] and [child-pages] are not included in WordPress by default. To use these shortcodes, you’ll need to install a plugin called “List Pages Shortcode”.

When we added a WPForms shortcode to the code block element, the contact form rendered correctly, confirming that shortcodes are functioning as expected.

View post on imgur.com

This a list of available WordPress shortcodes:

— https://wordpress.com/support/wordpress-editor/blocks/shortcode-block/#available-shortcodes

Best regards,
Ismael

Hi,

At first, it’s probably a trade-off between quality and performance when it comes to images. The filter we suggested above was added to balance the two and give users the option to adjust them based on their requirements. If we’re not mistaken, setting the quality to the maximum didn’t previously result in thumbnails with overly large file sizes, or we would never have set it as the default. It’s only recently that this has been happening or reported. Please keep the quality around 70 for now, then use an image compression plugin (Smush, Shortpixel etc) to further optimize the images.

We’ll forward this thread to our channel.

Best regards,
Ismael

Hi,

If you want the left image to be taller or larger on smaller screen sizes, try adding another image element with a taller aspect ratio. The current image is a bit square and gets squeezed disproportionately in height compared to the right widget because it’s inside a smaller column (1/4 width). After adding the other image, you can toggle the visibility of both images on different screen sizes using Advanced > Responsive > Element Visibility options.

You can also add this css code to adjust the width of the column containing the image.

@media only screen and (max-width: 1024px) {

  /* Add your Mobile Styles here */
  #top .flex_column.av-acgfsc-cb6752318e4619c3295e6429d893dcfc {
    width: 50%;
    margin-left: 0;
  }
}

After adding the css:

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the update.

We didn’t toggle or adjust any options in the Fullscreen Slider. We completely replaced it with the Fullwidth Slider element instead. Please note that these are two different sliders.

View post on imgur.com

Best regards,
Ismael

Hey alvarannikki,

Thank you for the inquiry.

Did you add any html tags to the page? It’s possible that there are invalid or improperly closed tags, which may be breaking the content in the builder. Please make sure that all html tags are valid and properly closed. If the issue persists, provide the login details in the private field so we can check the builder.

Best regards,
Ismael