Hey ThiloKiefer,

Thank you for the inquiry.

The very first Color Section on the page should use a <main> element by default. You can change the tag of the #main <div> element to <main>, but this could potentially conflict with the container used by the first Color Section. If you would like to proceed, you can edit the enfold/header.php file, around line 279.

<div id='main' class='all_colors' data-scroll-offset='<?php echo avia_header_setting( 'header_scroll_offset' ); ?>'>

Best regards,
Ismael

Hey jmbernstein,
Assuming that there are no customizations in the functions.php of the parent theme and you are not using a Child Theme, but your WordPress is up to date you can follow these steps:
To update your version of Enfold 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.

While I don’t expect any issues with updating the theme, I recommend testing on a staging site first to ensure that it works well.

Best regards,
Mike

Hey idemadv,

Thank you for the inquiry.

This can be adjusted, but you’ll need to modify the file at themes/enfold/config-templatebuilder/avia-shortcodes/section/section.php. Look for the code around line 1883 and replace main with div or section.

if( ! empty( $main_container ) )
				{
					$markup = 'main ' . avia_markup_helper( array( 'context' => 'content', 'echo' => false, 'custom_markup' => $custom_markup ) );
					$avia_section_markup = 'main';
				}

Another option is to create a custom script that dynamically switches the main wrapper to another element or tag.

— https://stackoverflow.com/questions/918792/use-jquery-to-change-an-html-tag/20469901#20469901

Best regards,
Ismael

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

function my_datepicker_limits() {
    ?>
    <script type="text/javascript">
    jQuery(document).ready(function($){

        setTimeout(function() {
            var $dateField = $('.avia_datepicker');

            if ($dateField.length && $dateField.data('datepicker')) {
                var today = new Date();
                var startDate = new Date(2025, 7, 8);  // August 8, 2025
                var endDate   = new Date(2025, 7, 18); // August 18, 2025

                // Use the later of today or startDate
                var effectiveMinDate = today > startDate ? today : startDate;

                $dateField.datepicker('option', {
                    minDate: effectiveMinDate,
                    maxDate: endDate
                });
            } else {
                console.warn("Datepicker not initialized or selector not found.");
            }
        }, 500);

    });
    </script>
    <?php
}
add_action('wp_footer', 'my_datepicker_limits', 30);

Not both at the same time.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

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

function my_datepicker_limits() {
    ?>
    <script type="text/javascript">
    jQuery(document).ready(function($){

        // Use a short delay to wait for Enfold to initialize the datepicker
        setTimeout(function() {
            var $dateField = $('.avia_datepicker'); // Adjust this if needed

            if ($dateField.length && $dateField.data('datepicker')) {
                $dateField.datepicker('option', {
                    minDate: new Date(2025, 7, 8),  // August 8, 2025
                    maxDate: new Date(2025, 7, 18)  // August 18, 2025
                });
            } else {
                console.warn("Datepicker not initialized or selector not found.");
            }
        }, 500); // delay to allow Enfold scripts to finish

    });
    </script>
    <?php
}
add_action('wp_footer', 'my_datepicker_limits', 30);

Best regards,
Mike

Hi,
I don’t think that the theme option in our documentation is what you want. The theme option displays the author image (with a link to the author page) beside the feature image of the post.

But only if you choose Enfold > Blog Layout > Single post Option > Single post style > Multi Author Blog.
If you read the documentation carefully it says to add a author box you need to add PHP & CSS:

In my test this works:

But you need to add the link manually in the profile:

I thought the thread that I posted to above covered this with a different PHP solution, you would not want to use both at the same time.

Best regards,
Mike

Hi,
Thanks for your help Guenni007, but in my test it seems that only targeting the ID “#av_section_1” didn’t help, I tried adjusting to const container = document.querySelector('#av_section_1 .av-parallax-object'); to target the text in the parallax but as you pointed out it was jerky for the speed needed.
With trial and error and AI I found that this javascript & css works well for desktop & mobile and smooths out most all the jerk from the text and background image.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function move_text_in_parallax_down_on_scroll() { ?>
  <script>
  document.addEventListener("DOMContentLoaded", function () {
  const el = document.querySelector("#av_section_1 .av-parallax-object");
  const bg = document.querySelector("#av_section_1 .av-parallax");

  if (!el || !bg) return;

  const isMobile = window.innerWidth < 768;

  const textSpeed = isMobile ? 0.9 : 0.7;
  const bgSpeed = isMobile ? 0.3 : 0.2;

  let currentYText = 0;
  let currentYBg = 0;

  const updateParallax = () => {
    const scrollY = window.scrollY || window.pageYOffset;

    // Text transform
    const targetYText = scrollY * textSpeed;
    currentYText += (targetYText - currentYText) * 0.05;
    el.style.transform = translateY(${currentYText}px);

    // Background transform
    const targetYBg = scrollY * bgSpeed;
    currentYBg += (targetYBg - currentYBg) * 0.05;
    bg.style.transform = translateY(${currentYBg}px); // GPU accelerated

    requestAnimationFrame(updateParallax);
  };

  requestAnimationFrame(updateParallax);
});
  </script>
  <style>
  #av_section_1 .av-parallax-object {
  position: relative;
  top: 0;
  left: 0;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}
#av_section_1 {
  position: relative;
  overflow: hidden;
}
#av_section_1 .av-parallax {
  background-attachment: scroll !important; /* disables fixed scroll handling */
  background-position: center center !important;
  transform: none !important;
  will-change: auto !important;
}  
  </style>
  <?php
}
add_action( 'wp_footer', 'move_text_in_parallax_down_on_scroll', 99 );

If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add the above code and save.

Best regards,
Mike

Hey keep12,

Thank you for the inquiry.

Yes, you can override the includes > loop-index.php file in the child theme folder. Create a folder named includes, then place the loop-index.php file inside it. You can then add the author markup within the file.

This thread should help with the author markup: https://stackoverflow.com/questions/20467008/how-to-add-author-image-and-description-wordpress

Best regards,
Ismael

Hi,

Thank you for the update.

The post_type attribute can be adjusted using the Select Post Type option, but when we re-enabled it using the add_avia_builder_post_type_option in the functions.php file, the post type “hotels-resorts” was not found. This could be due to a missing parameter when the “hotels-resorts” post type was registered or created.

add_theme_support('add_avia_builder_post_type_option');

You may need to set this attribute manually by editing the element shortcodes directly in the debug mode field. Please check the link below:

— https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

Once debug mode is enabled, a shortcode field will appear below the Advanced Layout Builder where you can manually set the post_type attribute in av_blog shortcodes.

This is the Select Post Type option:

View post on imgur.com

Another thing that you could try is to select all post types or items in the Select Post Type list.

Best regards,
Ismael

Hey Darren Dittrich,

Thank you for the inquiry.

And one more: is this v4.0 Enfold compatible with the latest WP 6.8.1 and PHP7.4?

The latest version of the theme is 7.1.1, so the version currently installed is a bit outdated. You may need to download the latest version from your ThemeForest account and update the theme manually via FTP.

— https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp

It would also be good if we could register a support account, and possibly have this purchase tranferred to (Email address hidden if logged out) since the person who bought this plugin is no longer associated with this site.

Unfortunately, we don’t handle any sales-related inquiries in the forum. You will need to forward this issue to the ThemeForest team.

Let us know if you need more info.

Best regards,
Ismael

Hey Ernst Grubbauer,
Thank you for the login, please note that your version 4.1.2 is not compatible with PHP 8+, and it can not be updated in the theme, due to how Envato (Theme Forest) changed from a API key to a Token. Unfortunately this occurs when a old “developer” buys the theme in their Envato account and doesn’t create an account for the customer. Envato will not transfer the license nor issue a new license.
Due to our exclusive contract with Envato we can not issue licenses.
Your customer should create an account with Envato and purchase a new license The upside to this is that by purchasing a new license you will also get 6 months of support on our forum to help with any issues. I recommend upgrading to a full year of support for just a little more, as the cost of the theme and a full year of support costs the same as a single hour of support from many developers. .
To update your version of Enfold 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.

Please note that using the contact form is not appropriate for support questions, please log in to the support forum and open a new thread if you need further assistance.
After you purchase a new license you can register for the support forum and post your questions.

Best regards,
Mike

Hi,

Thank you for the screenshots.

How did you set the font? It’s only loading on the homepage, probably because you have selected the fonts in the layer slider settings and it only loads on pages where the slider is present. You will need to manually load the fonts on other pages as well.

 	<link href="https://fonts.googleapis.com/css?family=Jost:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CFraunces:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">

Please try this code in the functions.php file:

function ava_load_custom_fonts() {
    wp_enqueue_style(
        'ava-custom-google-fonts',
        'https://fonts.googleapis.com/css?family=Jost:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Fraunces:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i',
        false
    );
}
add_action('wp_enqueue_scripts', 'ava_load_custom_fonts');

Best regards,
Ismael

Hi,

However, I believe there may have been a misunderstanding regarding the issue. The problem is not with the icon itself or its aria-hidden attribute, but with the structure and function of the link that wraps the icon.

If we’re not mistaken, the issue occurs because the SVG icon includes the aria-hidden attribute, which makes it unreadable to accessibility tools. As a result, the parent link is marked as “suspicious” since the icon is hidden and the link lacks any accessible text or description. The span avia_hidden_link_text, which contains the word “Search” also has its display property set to none, making it inaccessible to screen readers as well.

Removing the aria-hidden attribute from the SVG icon or adjusting the visibility of the avia_hidden_link_text should help.

#top .avia_hidden_link_text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

You can also try editing the enfold/includes/config-enfold/functions-enfold.php, around line 125, change the text “Search” to “Click here to search”.

$items .=			'<span class="avia_hidden_link_text">' . __( 'Click Here to Search', 'avia_framework' ) . '</span>';

According to https://wave.webaim.org/, screen readers tend to better interpret buttons or links when it contains more descriptive text.

View post on imgur.com

If this doesn’t help, you can always try the suggestions above.

Let us know the result.

Best regards,
Ismael