Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey envis,
You should upload only the webp images and add them to the galleries and other elements. I tested this on the different galleries, masonry, featured images, color section background image, blog post element, ect. There is no need to upload two versions of each image, just use the webp format directly.
Assuming that you are only uploading jpg images and then using a plugin to convert them to webp copies, you could add this code to the end of your child theme functions.php file in Appearance ▸ Editor to show the webp version if the file name and location is exactly the same, the draw back to this approach is that you have twice as many images on your server with only half being used. This also won’t rewrite CSS background images in external CSS files — only inline styles and HTML output, so if you are using CSS File Compression And Merging, or another caching plugin and have background images such as a background image in a color section or a masonry element it may not work. In my tests once I cleared the css and cache it worked for me except the gallery short code like [gallery link="file" columns="5" ids="4350,870,868,864,862"] the gallery and other elements did work.

add_filter('wp_get_attachment_image_src', function($image, $attachment_id, $size) {
    $webp_path = preg_replace('/\.(jpe?g|png)$/i', '.webp', get_attached_file($attachment_id));
    $webp_url = preg_replace('/\.(jpe?g|png)$/i', '.webp', $image[0]);

    if (file_exists($webp_path)) {
        $image[0] = $webp_url;
    }

    return $image;
}, 10, 3);
//for background images
// Replace image URLs with .webp if the .webp version exists
function enfold_replace_with_webp($buffer) {
    // Replace src="...jpg|png" and url('...jpg|png') with .webp if available
    return preg_replace_callback(
        '/(?:src|url)\s*=\s*["\']([^"\']+\.(?:jpe?g|png))["\']|url\(\s*["\']?([^"\')]+\.(?:jpe?g|png))["\']?\s*\)/i',
        function($matches) {
            $original_url = $matches[1] ?: $matches[2];
            if (!$original_url) return $matches[0];

            $parsed_url = wp_parse_url($original_url);
            if (empty($parsed_url['path'])) return $matches[0];

            $img_path = $_SERVER['DOCUMENT_ROOT'] . $parsed_url['path'];
            $webp_path = preg_replace('/\.(jpe?g|png)$/i', '.webp', $img_path);
            $webp_url = preg_replace('/\.(jpe?g|png)$/i', '.webp', $original_url);

            if (file_exists($webp_path)) {
                // Return updated string (preserving whether it was src= or url())
                if ($matches[1]) {
                    return str_replace($original_url, $webp_url, $matches[0]);
                } else {
                    return 'url("' . $webp_url . '")';
                }
            }

            return $matches[0];
        },
        $buffer
    );
}

// Start output buffering early
function enfold_start_webp_buffering() {
    ob_start('enfold_replace_with_webp');
}
add_action('template_redirect', 'enfold_start_webp_buffering');

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Also note that your server media handling editor needs to also support webp files, mine is WP_Image_Editor_GD, which is default for WordPress:

If you are not able to directly use the webp images in your elements, this could be the cause.

Best regards,
Mike

Hi,
Please see our documentation here and note: Step 4: Import parent theme options and note all steps, especially step 3: Go to Enfold Theme Options > Import/Export > Import Settings From Your Parent Theme and import

Best regards,
Mike

Hi,
Ok, I’m not sure what else the issue could be, when I check your site your Google cookie is being set for me in incognito, and if this is working for your other sites with the same target URL then I don’t know why it would not work for this one. It looks like your other sites are also using Enfold.
I’m not a tracking expert, I was just pointing out what I have seen in the past with affiliates tring to track their clicks.
Are you using the Google Tag Manager? For that I believe that you need to add a script into your header:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WCML7X4');</script>
<!-- End Google Tag Manager -->

but perhaps this is something else, I don’t use it.

Best regards,
Mike

Hi,

Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey madmanbean,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#header.header_color:not(.av_header_transparency) .phone-info a {
	color: #666666;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey David,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia-section .av-extra-border-element .av-extra-border-inner {
    border-top: solid 1px red;
}

adjust to suit.

Best regards,
Mike

Hi,
I see that you found this thread and wrote that it answered your questions
If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
I see that we can tab though the flip box links, but since the flip boxes only flip on mouse-over I don’t see a way to flip them via tabing.
If you would like to request this feature please post in our Github Feature Request page for the Dev Team to review.

Best regards,
Mike

Hey a_edemirci,

Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey swurban,

Could you try updating the theme to the latest version (7.1) to see if that helps please? https://kriesi.at/documentation/enfold/theme-update/. If the updates are not coming through via the theme backend, then please try using this plugin: https://envato.com/market-plugin/

Best regards,
Rikard

Hi,

After fifteen years no one ever explained this to me?

Using a child theme is a common practice in WordPress, so we assumed you might already be familiar with it. If not, please make sure to create a site backup or restore point, then check out the following links for more info on how to activate a child theme in Enfold:

— https://kriesi.at/documentation/enfold/child-theme/
— https://developer.wordpress.org/themes/advanced-topics/child-themes/

If you need more help with the activation, please contact Codeable or any WordPress developer platform.

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

Thank you for your understanding.

Best regards,
Ismael

Hey gururamdascenter,

Thank you for the inquiry.

Looks like the site is still using an older version of the theme (6.0.4). Please update to the latest version (7.1), then try temporarily disabling the Enfold > Performance > File Compression settings. Let us know if the issue persists.

Best regards,
Ismael

Hey danielle,

Thanks for reaching out.

Please make sure you’re registered on the forum using your purchase code:

— https://kriesi.at/support/register

Once registered, you can open a new support ticket by filling out the form on this page:

— https://kriesi.at/support/forum/enfold/#new-post

Let us know if you need more info.

Best regards,
Ismael

Hi,

What needs to be done to ensure that Entypo-fontello works with a custom Media Library path?

Great! Glad to know that you figured out the issue. Unfortunately, changing the path will require modifications to the theme that is outside the scope of support. You can check the themes/enfold/config-templatebuilder/avia-template-builder/php/class-template-builder.php or the enfold/config-templatebuilder/avia-template-builder/php/class-font-manager.php files. You can also try the avf_default_iconfont filter.

If you need more help with this customization, you can reach out to Codeable.

— https://kriesi.at/contact

Best regards,
Ismael

Hi,

Thank you for the update. We get this error when we try to validate the map.

main.js:154 Geocoding Service: This API project is not authorized to use this API. For more information on authentication and Google Maps JavaScript API services please see:

Please make sure that the Geocoding API is enabled in your Google Console. For more info, please check the links below:

— https://kriesi.at/documentation/enfold/google-map/#enable-services-for-google-api
— https://developers.google.com/maps/documentation/javascript/get-api-key?utm_source=devtools&utm_campaign=stable

Best regards,
Ismael

Hi,

It’s possible to create custom builder elements or shortcodes in the child theme, but you’ll need to implement them on your own because this is beyond the scope of support. You can find more information in the documentation below:

— https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb

You can use the enfold/config-templatebuilder/avia-shortcodes/blog element as a reference or starting point.

Best regards,
Ismael

Hey cpirih,

You can find your purchase codes in your Themeforest account. To keep track of your licenses, I would suggest that you generate separate tokens for each of them: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard