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,

Deprecated: Function avia_font_manager::frontend_icon is deprecated since version 7.0! Use Use

Did you modify any shortcodes in the child theme? It’s possible they are still using a deprecated function. You should also check the child theme’s functions.php file. We can’t access the file anymore because the Appearance > Theme File Editor is no longer available.

We also recommend testing this on a different host, as it’s possible the issue is server-related. Try cloning the site to a server hosted by another company or platform.

Best regards,
Ismael

Hi,
When I check my single post using the Default (Business) blog style, the Tags show at the bottom of the page without the filter above:

To move them in line with the categories and other meta try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function move_tag_meta_inline_with_other_meta_on_single_posts() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function() {
    if (document.querySelector('.single-post')) {
        const blogTags = document.querySelector('.blog-tags');
        const blogCategories = document.querySelector('.blog-categories');
        
        if (blogTags && blogCategories) {
            const strongTag = blogTags.querySelector('strong');
            if (strongTag && strongTag.textContent === 'Tags:') {
                strongTag.replaceWith(strongTag.textContent);
            }
            
            const separator = document.createElement('span');
            separator.className = 'text-sep';
            separator.textContent = '/';
            
            blogCategories.insertAdjacentElement('afterend', separator);
            separator.insertAdjacentElement('afterend', blogTags);
        }
    }
});
</script>
  <?php
}
add_action( 'wp_footer', 'move_tag_meta_inline_with_other_meta_on_single_posts', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hey Oriano,
Users with “edit_published_posts” permissions such as Administrators, Editors and Authors can view the site.

You could edit line 304 in /enfold/includes/classes/class-avia-custom-pages.php
but there is not a way to change this in your child theme, so you would need to update this file for each version update.
Your best option would be to use a plugin instead.

Best regards,
Mike

Hey Martin,
To add a red border to items that you tab to, you can add this css:

a:focus,button:focus {
  border:1px solid red !important;
}

adjust the color and size to suit.
Your accessibility plugin is at the bottom of the page in the DOM, so you would need to tab the whole page to get to it, perhaps the plugin settings has an option to move it to the top of the DOM? The plugin button also has a tabindex of -1 so you can’t tab to it, check the plugin settings.
If you can’t change these in the settings, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function() {
	const accessibilityButton = document.querySelector('#accessibility-trigger-button');
    const messageBar = document.querySelector('#accessibility-button');
    const body = document.querySelector('body#top');
    body.prepend(messageBar);
    accessibilityButton.setAttribute('tabindex', '1');
});
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
This javascript will move the accessibility-button in the DOM to the top of the page so it is the first tab, the icon will still show at the bottom of the page, it will also change the tabindex so you can tab to it. With the css above to add a red border, the first tab will show this:

and then if you hit the enter key it will open:

Best regards,
Mike

Hey epkdesign,

Thank you for the inquiry.

Do the portfolio entries share the same category aside from commercial or residential? If they do, sorting by category will not be possible since they are all grouped under the same category. If that’s not the case, you can use the following filter in the functions.php file.

add_filter( 'avf_post_nav_settings', 'avf_post_nav_settings_mod', 10, 1);
function avf_post_nav_settings_mod($settings)
{
    $settings['same_category'] = true;
    return $settings;
}

Best regards,
Ismael

Hey Oriano,

Thank you for the inquiry.

You can modify the includes > loop-index.php file and look for this code around line 573:

if( $show_meta_tags && has_tag() )
							{
								$meta_tags  = '<span class="blog-tags-header minor-meta">';
								$meta_tags .=		get_the_tag_list( __( 'Tags:', 'avia_framework' ) . ' <span> ', ', ', '</span>' );
								$meta_tags .= '</span>';

								$meta_info['tags'] = $meta_tags;
							}

You can move it below this block of code (526):

if( 'blog-meta-category' == avia_get_option( 'blog-meta-category' ) )
						{
							if( ! empty( $cats ) )
							{
								$meta_cats  = '<span class="blog-categories minor-meta">' . __( 'in', 'avia_framework') . ' ';
								$meta_cats .=	trim( $cats );
								$meta_cats .= '</span>';

								$meta_info['categories'] = $meta_cats;
							}
						}

Or you can remove the is_single() condition and the if ( $show_meta_tags && has_tag() ) block.

Best regards,
Ismael

Hi,

Thank you for the update.

Try to use this shortcode instead:

function avia_search_cb() {
    ob_start();
    ?>
    <span id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special" role="menuitem">
        <a class="avia-svg-icon avia-font-svg_entypo-fontello"
        aria-label="Search"
        href="?s="
        rel="nofollow"
        title="Click to open the search input field"
        data-avia-search-tooltip='<?php echo esc_attr("
    <search>
        <form role='search' action='" . home_url() . "' id='searchform' method='get'>
<div>
                <span class='av_searchform_search avia-svg-icon avia-font-svg_entypo-fontello' data-av_svg_icon='search' data-av_iconset='svg_entypo-fontello'>
                    <svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='25' height='32' viewBox='0 0 25 32' preserveAspectRatio='xMidYMid meet' role='graphics-symbol' aria-hidden='true'>
                        <title>Search</title>
                        <desc>Search</desc>
                        <path d='M24.704 24.704q0.96 1.088 0.192 1.984l-1.472 1.472q-1.152 1.024-2.176 0l-6.080-6.080q-2.368 1.344-4.992 1.344-4.096 0-7.136-3.040t-3.040-7.136 2.88-7.008 6.976-2.912 7.168 3.040 3.072 7.136q0 2.816-1.472 5.184zM3.008 13.248q0 2.816 2.176 4.992t4.992 2.176 4.832-2.016 2.016-4.896q0-2.816-2.176-4.96t-4.992-2.144-4.832 2.016-2.016 4.832z'></path>
                    </svg>
                </span>
                <input type='submit' value='' id='searchsubmit' class='button' title='Enter at least 3 characters to show search results in a dropdown or click to route to search result page to show all results' />
                <input type='search' id='s' name='s' value='' aria-label='Search' placeholder='Search' required /></div>
</form>
    </search>
    "); ?>'
        data-av_svg_icon="search"
        data-av_iconset="svg_entypo-fontello">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="25" height="32" viewBox="0 0 25 32" preserveAspectRatio="xMidYMid meet" role="graphics-symbol" aria-hidden="true">
                <title>Click to open the search input field</title>
                <desc>Click to open the search input field</desc>
                <path d="M24.704 24.704q0.96 1.088 0.192 1.984l-1.472 1.472q-1.152 1.024-2.176 0l-6.080-6.080q-2.368 1.344-4.992 1.344-4.096 0-7.136-3.040t-3.040-7.136 2.88-7.008 6.976-2.912 7.168 3.040 3.072 7.136q0 2.816-1.472 5.184zM3.008 13.248q0 2.816 2.176 4.992t4.992 2.176 4.832-2.016 2.016-4.896q0-2.816-2.176-4.96t-4.992-2.144-4.832 2.016-2.016 4.832z"></path>
            </svg>
            <span class="avia_hidden_link_text">Search</span>
        </a>
    </span>
    <?php
    return ob_get_clean();
}
add_shortcode('avia_search', 'avia_search_cb');

Best regards,
Ismael

Hi,

This is what we see on a clean installation of version 7.1.

View post on imgur.com

And only –enfold-font-size-theme-content is declared in the themes/enfold/css/dynamic-css.php file, line 108.

Best regards,
Ismael

Hi,

How exactly did you increase the memory? I’m asking since some hosting provider has fixed memory, and increasing it in wp-config will not change it.

Ive spoke to Bluehost and they say its in the scripting of the theme.

That sounds extremely vague, try asking them what “scripting” is wrong please. I’m running a test installation with only 128mb memory and it’s working without any problems.

Error messages will change depending on what is requesting memory. Also note that everything on your WordPress installation will consume memory, not only the active theme. This for example is a default WordPress file:

Fatal error: Allowed memory size of 41943040 bytes exhausted (tried to allocate 196608 bytes) in /home/goldbet4/public_html/wp-includes/class-wp-block-metadata-registry.php on line 175

Best regards,
Rikard