Hey Gianluca,

Thank you for the inquiry

You can use the Blog Posts element and select which category to display under Content > Select Entries > Content To Display | Which Categories Should Be Used For The Blog. To adjust the blog layout or style, look for the Blog Style settings. Please refer to the screenshot below.

Let us know if you need more info.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The script seems to be working correctly when we checked it.

Best regards,
Ismael

Hi,

Thank you for the update.

This is not working because only the navigation arrows are enabled. Try to edit the slider element and make sure that the Styling > Navigation Controls > Slider Navigation Elements is set to Navigation arrows and dots. Let us know the result.

Best regards,
Ismael

Hey mntsrvcs,

Thank you for the inquiry.

This is possible, but you will need to directly modify the includes > loop-search.php file. Please check the links below for more info.

— https://kriesi.at/support/topic/add-featured-image-to-search-results/#post-249161
— https://kriesi.at/support/topic/change-layout-search-results/#post-1359284

Best regards,
Ismael

Hi,

Thank you for the update.

Try to add this code to the functions.php file to adjust the size of the thumbnails used in posts.

function avf_modify_thumb_size_mod( $size_array ) {
    $size_array['entry_without_sidebar'] = array('width' => 9999, 'height' => 9999);
    $size_array['entry_with_sidebar'] = array('width' => 9999, 'height' => 9999);
    return $size_array;
}
add_filter( 'avf_modify_thumb_size', 'avf_modify_thumb_size_mod', 10, 1 );

After adding the filter, make sure to create a site backup, then use one of the following plugins to regenerate the thumbnails.

— https://wordpress.org/plugins/regenerate-thumbnails/
— https://wordpress.org/plugins/regenerate-thumbnails-advanced/

Best regards,
Ismael

Hi,

The filter we recommended was placed in the style.css file instead of the functions.php file. We removed it and added the following script instead. The text will still display with a slight delay, but the transition should now be disabled.

add_action('wp_footer', function() {
    ?>
    <script>
    jQuery(document).ready(function($) {
        $(".avia-fold-unfold-section").each(function() {
            var $section = $(this);
            var $container = $section.find(".av-fold-unfold-container");

            if ($container.length) {
                $container.css({
                    "max-height": "none",
                    "transition": "none"
                }).removeClass("folded").addClass("unfolded");
            }

            var $buttonWrapper = $section.find(".av-fold-button-wrapper");

            if ($buttonWrapper.length) {
                $buttonWrapper.css("display", "none");
            }
        });
    });
    </script>
    <?php
}, 999);

We also edited the modification in the Quick CSS field.

@media only screen and (max-width: 768px) {
  .av-fold-unfold-container {
    max-height: none !important;
    transition: none !important;
    opacity: 1 !important;
  }

  .avia-fold-unfold-section .av-fold-button-wrapper,
  .av-fold-button-container {
    display: none !important;
  }

  #top .avia-fold-unfold-section .av-fold-unfold-container:after {
    display: none !important;
  }

  .avia-fold-init,
  .avia-fold-init-done {
    display: block !important;
    max-height: none !important;
    opacity: 1 !important;
  }
}

Best regards,
Ismael

Hi,

Great! Glad to know that you’ve found a working solution. Please don’t hesitate to open another thread if you have more questions.

Have a nice day.

Best regards,
Ismael

Hey steviger,

Thank you for the inquiry.

You can continue using the Content Slider element. Add the following html in the editor:

<div class="av-flex-container">
<div class="av-image-column">
    <img src="http://site.com/image.jpeg" alt="Sample Image" /></div>
<div class="av-text-column">
<h2>Title Here</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel urna at sapien tempor dictum.

</div>
</div>

Then add this css code to create a container with two columns, an image on the left and a title with text on the right.

.av-flex-container {
  display: flex;
  width: 100%;
  height: 400px;
  flex-wrap: wrap;
}

.av-image-column {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.av-image-column img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.av-text-column {
  flex: 1;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #f5f5f5;
}

@media (max-width: 768px) {
  .av-flex-container {
    flex-direction: column;
    height: auto;
  }

  .av-image-column,
  .av-text-column {
    flex: 1 1 100%;
    height: auto;
  }

  .av-image-column img {
    height: 250px;
  }

  .av-text-column {
    padding: 20px;
  }
}

Best regards,
Ismael

Hey milkrow,

Thank you for the inquiry.

Try to use this filter in the functions.php file to adjust the sorting of the portfolio grid items:

function avf_avia_post_grid_query_mod( $query, $params ) {
    $query['meta_key'] = 'portfolio_order'; // <-- replace this with the actual acf name
    $query['orderby']  = 'meta_value_num';
    $query['order']    = 'ASC';

    return $query;
}
add_filter( 'avia_post_grid_query', 'avf_avia_post_grid_query_mod', 10, 2 );

Make sure to adjust the meta_key value.

Best regards,
Ismael

Hey CharlieTh,

Thank you for the inquiry.

We’re not entirely sure what you’re trying to do, but it looks like you want to process input from a form field and display the result on the page. You might want to check out the wp_ajax_* action hook.

— https://developer.wordpress.org/reference/hooks/wp_ajax_action/

These articles should also help.

— https://wp-kama.com/2257/ajax-in-wordpress
— https://medium.com/@alejandro-ao/how-to-do-ajax-in-wordpress-a826f9fde4d5

Let us know if you need more info.

Best regards,
Ismael

Hi,

Thank you for the info.

You can try removing this script:

<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="eb73297c-1583-47c6-a2fd-5b6c01c438eb" data-blockingmode="auto" type="text/javascript"></script>

It might have a corresponding html element on the page, but that element is not included in this file.

Best regards,
Ismael

Hi,

Did you keep the css code? The css code is needed to fully display the content.

Best regards,
Ismael

Hey profumopuntoit,

Thank you for the inquiry.

You can add this css code to add a delay to the mega menu transition.

#header .avia_mega_div {
    transition-delay: 2s;
}

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The modification above should resize the testimonial items on all standard screen resolutions. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, ImgBB, PostImages or Dropbox to upload and share the screenshot.

Best regards,
Ismael

Hey Henk,

Thank you for your interests in the theme.

We believe what you’re referring to as “templates” are the demos. If that’s the case, once you purchase a license, you’ll be able to select any of the templates or demos available for the theme. Please note that each import will override the previous one, but you can always reset the installation if needed.

Regarding the layout, it’s possible to add a section or an element with a background video. You can also use the sliders from the Advance Layout Builder or utilize the Layer Slider plugin, which is included natively in the theme.

For more information, please browse through the documentation and check out the articles on our blog:

— https://kriesi.at/documentation/enfold
— https://kriesi.at/blog

If you have any further questions, please feel free to send us a message. See you on the forum!

Best regards,
Ismael