Hi,

Thanks for the update. What you posted above is a PHP warning, and should not cause your site to crash:

Warning: Trying to access array offset on value of type null in /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/helper-templates/function-set-avia-frontend.php

Do you have more detailed error logs which you could share with us?

Best regards,
Rikard

Hey JoStudioDeRijp,

Thank you for the inquiry.

Make sure to set the page as the blog under Enfold > Theme Options > Where Do You Want To Display The Blog. Then increase the number of posts by adjusting the Settings > Reading > Blog pages show at most value. Let us know the result.

Best regards,
Ismael

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,

Thank you for the inquiry.

On the “vereinsportal” site, the Enfold > General Styling > Socket > Socket Background Color is set to #11abd6, while on the other site it’s set to #109bc5. Please double-check the color values.

Best regards,
Ismael

Hey Loveronika,

Thank you for the inquiry.

Try to add this css code to adjust the size of the slider image.

@media only screen and (max-width: 489px) {
  /* Add your Mobile Styles here */
  .avia-slideshow li img {
    width: 100%;
    background-size: cover;
    height: 300px;
    object-fit: cover;
  }
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings in order to make sure that the changes take effect.

Let us know the result.

Best regards,
Ismael

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 ORC,
Point A:
The misaligned datepicker in the footer is not from the theme but from jQuery UI, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#ui-datepicker-div {
	display: none;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

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

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

Hi,
If you want the font to be 200px and the menu items closer and to the left, try this CSS in your <strong style=’color:#000′>Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #av-burger-menu-ul {
    text-align: left;
    padding-left: 20px !important;
}
.html_av-overlay-full #av-burger-menu-ul li {
padding: 10px;
}
#top #wrap_all #av-burger-menu-ul li {
    font-size: 200px;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

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

.mfp-iframe-scaler {
  height: 90vh !important;
}

feel free to adjust to suit.

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, 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,
Thanks for sharing Guenni007, perhaps someone will find this helpful.

@shop802 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

Hi,

Great, I’m glad that @guenni007 could help you out :-)

Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

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