Hey kalla77,

Thank you for the inquiry.

Add an image and an audio element, apply the ID “playImage” to the image element and “audioClip” to the embedded audio element, then add this script to trigger playback when the image is clicked.

add_action( 'wp_footer', 'av_image_audio_script' );
function av_image_audio_script() {
    ?>
    <script>
      document.addEventListener("DOMContentLoaded", function () {
        const image = document.getElementById("playImage");
        const audio = document.getElementById("audioClip");

        if (image && audio) {
          image.addEventListener("click", function () {
            audio.play();
          });
        }
      });
    </script>
    <?php
}

If you can create a test page, we’ll try to check it further.

Best regards,
Ismael

Hi,
I disabled your Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Title and Breadcrumbs ▸ Display only title and added this to your code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 50, 1);
function avf_header_setting_filter_mod($header_settings) {
    if (is_tax() || is_archive()) {
        $header_settings['header_title_bar'] = "title_bar";
    }
    return $header_settings;
}

to only show the title on your category pages.
and I added this css:

.category .container_wrap_first {
	border: none;
}
.category .title_container {
	text-align: center;
	padding-top: 50px;
	background-color: #f2f0eb !important;
}
.category .title_container h1 a {
	font-weight: 600 !important;
	line-height: 1.3em;
	font-size: 30px;
}

so compared to one of you posts:

your category title looks like this:

But note that they are both H1, I don’t see H2 like you asked.

Best regards,
Mike

Hey simog72,

Thank you for the inquiry.

This option is not available by default, but you can modify the sort_buttons function in enfold/config-templatebuilder/avia-shortcode-helpers/class-avia-masonry.php.

Please note that this type of modification is beyond the scope of our support. For additional assistance, you may consider hiring a freelance developer or contact Codeable.

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

Best regards,
Ismael

Hey drilledits47,
If I understand your issue, you are trying to upload the theme to your site, but you get the error “The link you followed has expired.”
If you are sure that the PHP ZipArchive Extension is enabled on your site, and you are sure that you have downloaded the installable WP version from your Theme Forest account, then please link to the zip file via DropBox or similar in the Private Content area that you are uploading to your site so we can check.
Another typical cause for this error is that your “Upload max filesize” is smaller than the theme zip file size, you can check in WordPress ▸ Tools ▸ Site Health ▸ Server the current version 7.1 is 21.3 mb
Perhaps a admin login would help us examine.

Best regards,
Mike

Hi,
Your site is reporting that the address is not secure “https” and that the server is redirecting the request for this address in a way that will never complete.
Are you sure that you changed both URLs? Perhaps one did not update correctly. Did you create the https certificate?
You could ask your webhost to update the certificate and ensure that it is for both the “www” domain and the non “www” domain, ie: a certificate for:
www.test.com
test.com
is two different lines in the certificate
Nonetheless, since you didn’t have any content on this site, I recommend the easiest path is deleting the WordPress install, ask the webhost to update the PHP version and these:

then install WordPress again, ensuring that all info is for “https”, then add the theme and your demo install should work fine.

Best regards,
Mike

Hey Getersa,
It looks like you have a Mixed Content: was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ‘/wp-admin/admin-ajax.php’. This request has been blocked; the content must be served over HTTPS.” error.
Your WordPress ▸ Settings ▸ General ▸ Site Address and WordPress ▸ Settings ▸ General ▸ WordPress Address are set to “http”, try changing to “https”

Your site is running on an outdated version of PHP (7.2.34-35+0~20220929.76+debian11~1.gbp2866f7), which will not be supported by WordPress. Ask your webhost to update to PHP v8

Also ask your webhost to update all of these settings:

to these:

Best regards,
Mike

Hi,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_message_banner_script() { ?>
  <script>
(function($){
  $('#top #header_meta > .container').each(function() {
  	var messageTitle = 'FREE delivery within 60 miles';
  	var messageBanner = $('<p class="message-banner">'+ messageTitle +'</p>').css({'text-align':'center','margin-top':'0','background-color':'red','margin':'0','z-index':'1','position':'relative','color':'#fff'});
  	$(messageBanner).insertBefore('#header_meta');
});
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_message_banner_script', 99 );

adjust the colors to suit. This is the result for transparent desktop headers:

and scrolled desktop headers:

and mobile headers:

Best regards,
Mike

Hi,

We added the changes in the functions.php file to prevent the scroll. Regarding the sender form, please contact the plugin developers.

function inline_popup_enabler(){ ?>
    <script>
    (function($){
        $(window).on('load', function() {
			$('.inline_popup').addClass('no-scroll');
            $('.inline_popup').magnificPopup({
                type: 'inline',
                midClick: true,
                callbacks: {
					beforeOpen: function () {
					  $('body').css("overflow-y", "hidden");
					},
					close: function() {
					  $('body').css("overflow-y", "auto");
					},
                    open: function() {
                        (function (s, e, n, d, er) {
                            s['Sender'] = er;
                            s[er] = s[er] || function () {
                                (s[er].q = s[er].q || []).push(arguments);
                            }, s[er].l = 1 * new Date();
                            var a = e.createElement(n),
                                m = e.getElementsByTagName(n)[0];
                            a.async = 1;
                            a.src = d;
                            m.parentNode.insertBefore(a, m);
                        })(window, document, 'script', 'https://cdn.sender.net/accounts_resources/universal.js', 'sender');
                        
						if ($('.sender-form-field iframe').length > 0) {
							console.log("sender form initialized");
						} else {
							sender('4f4c8522254761');
						}   
                    }
                }
            });
        });
    })(jQuery);
    </script>
<?php }
add_action('wp_footer', 'inline_popup_enabler');

Best regards,
Ismael

Hi,

Thank you for the update.

The image size settings were not being applied because of the post_thumbnail_size filter in the functions.php file. We adjusted the condition a bit.

if( !is_singular('post') && is_page(1307) ) {

(removed screenshot)

Best regards,
Ismael

Hey Elena,

Thank you for the inquiry.

You can add this in the includes > loop-index.php file around line 471:

echo '<span class="post-meta-infos">';

Create a copy in your child theme, then do the modifications. You can also use the avf_post_metadata_array filter.

Example:

add_filter('avf_post_metadata_array', function($meta, $context) {
    global $post;

    if($context == 'loop-index') {
        $updated_date = get_the_modified_date('F j, Y', $post->ID); 
        $meta['updated_date'] = '<span class="blog-updated-date minor-meta">Updated on: ' . $updated_date . '</span>';
    }

    return $meta;
}, 10, 2);

Best regards,
Ismael

Hi,

I don’t understand why the size of the model image (enfold gym) is 1500 x 720 and the actual height of the page banner is 420…

Please note that the section size depends on the content, not the background image. We recommend uploading images at least the same size as the demo image, with a 16:9 aspect ratio. However, if you’re trying to focus on a specific part of the image, this will require a lot more adjustments. You may need to use css to adjust the background position and, as recommended, disable the parallax and fixed effects. We also noticed that the part you’re trying to focus on is not vertically or horizontally aligned in the actual image, so you may need to adjust this as well.

And regarding the image quality, the theme already sets this to highest quality possible (100 or 100%) but if you need to adjust it, you can add this filter in 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 = 100; return $quality;}

Best regards,
Ismael

Hi,
When I check your site, this category widget is created by a plugin, to move it’s position please ask the plugin developer for a PHP function to do so.

Best regards,
Mike

Hey Lee Germeroth,
I see that you are using v6.0.9 with a child theme.
I don’t see any errors in your console log, does your child theme have a header.php or footer.php? If so please remove.
Otherwise please update and include a admin login in the Private Content area so we can examine.
If you can’t update with your token please follow these steps:
To update you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike