Hey dpriemer,

Thank you for the inquiry.

border settings have been cleared and the images sit right next to each other with borders.

The images in the logo element don’t have borders on either page when we checked. Just to clarify, are you trying to add borders or remove them? Temporarily, try to disable the Enfold > Performance > File Compression settings.

For example, the 7 logo element on this page respects the settings. Display border –> Yes, Style –> None, Padding –> 13 px left and right https://cerebralselling.com/salesacademy/

Try to set it to “Do not display border” and keep the Border Style to None. Let us know the result.

Best regards,
Ismael

Hi,

We checked every thumbnail in the srcset attribute, and none of them are missing, but it looks you’ve opted to hide the column and image on smaller screens. The image does display when we manually toggle its visibility.

Would you mind creating a test page and apply the same content as the homepage?

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the update.

You can check out the documentation to help you get started with the theme: https://kriesi.at/documentation/enfold/

There are also video tutorials available, created by other Enfold users: https://www.youtube.com/watch?v=Dbgy4dPf7R4

Let us know if you have more questions.

Best regards,
Ismael

Hi,

Thank you for the clarification.

Unfortunately, that is not possible without modifications to the theme. By default, you would need to display all 50 images on the same page and disable pagination or the “load more” button. If you’re interested in implementing the modification yourself, you can refer to the documentation below.

— https://dimsemenov.com/plugins/magnific-popup/documentation.html#initializing-popup

You’ll need to create a button or use the masonry items as trigger and specify the images manually in the items array.

$('#some-button').magnificPopup({
    items: [
      {
        src: 'path-to-image-1.jpg'
      },
      {
        src: 'http://vimeo.com/123123',
        type: 'iframe' // this overrides default type
      },
      {
        src: $('
<div>Dynamically created element</div>
'), // Dynamically created element
        type: 'inline'
      },
      {
        src: '
<div>HTML string</div>
',
        type: 'inline'
      },
      {
        src: '#my-popup', // CSS selector of an element on page that should be used as a popup
        type: 'inline'
      }
    ],
    gallery: {
      enabled: true
    },
    type: 'image' // this is default type
});

Best regards,
Ismael

Hi,

You can keep the current css rule, but the selector #av_section_2 is generic and commonly used across the site. The changes above might be applied to sections where they are not intended. If you’re not sure how to apply custom css class names to the element, please check the documentation below.

— https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Best regards,
Ismael

Hey clbdcnpafe,

Thank you for the inquiry.

We are not able to reproduce the issue on our end — the videos at the very end of the page displayed immediately on first load. However, we recommend relocating the gallery and the videos to the middle of the page to make sure that the script triggering certain animations is consistently executed. Enabling pagination for the gallery or reducing the number of images and making sure they are compressed can also help improve loading speed. Let us know the results.

View post on imgur.com

Best regards,
Ismael

Hi,

Try to replace the content of the class-responsive-mega-menu.php file with the following code:

— https://pastebin.com/s3N87rGC

Let us know the result.

View post on imgur.com

Best regards,
Ismael

Hi,

lastly that I use Enfold on almost all the sites I manage, and this site is the only one that has had this problem.

It’s probably an issue with the compression, a certain modification or one of the plugins. Please keep the above modifications for now and let us know if the issue occurs again on a different site.

Thank you for your patience.

Best regards,
Ismael

Hi,

Thank you for the update.

Are you using a translation plugin? You can try to use the following code instead to apply different labels for each language.

function avia_contact_form_elements_mod( $form_fields ) {
	if ( isset( $form_fields['avia_age'] ) ) {
		$lang = get_locale();

		if ( $lang === 'tr_TR' ) {
			$form_fields['avia_age']['label'] = 'TRANSLATE THIS ONE TO tr_TR';
		} else {
			$form_fields['avia_age']['label'] = 'Verify you are human';
		}
	}
	return $form_fields;
}
add_filter( 'avia_contact_form_elements', 'avia_contact_form_elements_mod', 10, 1 );

If you’re using a translation plugin such as WPML or Polylang, you can use the following plugin to manually add translations for the new label.

— https://wordpress.org/plugins/loco-translate/
— https://wordpress.org/plugins/say-what/

Best regards,
Ismael

Hey goldengate415,

Thank you for the inquiry.

We are not able to reproduce the issue on our end. Whenever the load more button is clicked, the new set of images is added to the lightbox group correctly. Please create a test page and provide the URL in the private field so we can check it further.

Best regards,
Ismael

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