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 aestheticare,
Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function move_codeblock_class_to_parent() { ?>
    <script>
(function($){
  $('.avia_codeblock.break').each(function() {
  $(this).removeClass('break').parent().addClass('break');
  });
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'move_codeblock_class_to_parent');

it will search for code blocks with the class “break” and move the class to the parent div.

Best regards,
Mike

Hi,
Try your css with no space between the two classes like this:

.product_gallery.av-layout-grid-container {
max-width: 950px !important;
margin: 0 auto !important;
padding-bottom: 5px !important;
padding-top: 5px !important;
}

I couldn’t find the class product_gallery on either of your links above can you link to a page that you are testing this on?

Best regards,
Mike

Hi,
I believe that Guenni007’s idea of using the basic WordPress gallery is probably your best bet, you can choose 8 columns and if you add the plugin Gallery Custom Links you can customize each link to any page or post you wish, the plugin adds a link field to the gallery option:

in my test the plugin seems to work with Enfold fine

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,
Do you have a caching plugin installed, try disabling it while you are creating your site. If this is not the case please include an admin login & link to the page in the Private Content area so we can examine.

Best regards,
Mike

Hi,
Thank you for your patience, to change the background color of the transparent post navigation, try adjusting this css to suit:

#top #wrap_all .avia-post-nav {
    background: rgb(17 141 169 / 48%);
}

if you want it to be taller and wider like this:

you can try adjusting this css:

#top #wrap_all .avia-post-nav {
    background: rgb(17 141 169 / 48%);
    height: 200px;
}
.avia-post-nav:hover .entry-info-wrap {
	width: 300px;
}
.avia-post-nav .entry-info {
	width: 278px;
	height: 163px;
}

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

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, being a faulty font, shall we close this then?

Best regards,
Mike

Hey Sabine,
Sorry, there is not an easy way to change the elements to an 8 grid layout, it would require a lot of element modification. Perhaps you can point out to your client that an 8 grid layout would make each element quite small and hard to see on most devices.
The most used devices are 1366px ▸ 1920px, hopefully this helps.

Best regards,
Mike

Hi,
Glad Rikard could 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 Snezana Ilic,
Thank you for your question, unfortunately, this would not be available in the theme out-of-the-box, it would require Theme Customization

Best regards,
Mike

Hey tobiaskueng,
Thank you for your question, this is the documentation for the Advanced styling options, for the Health Coach Demo the homepage title and sub title are from the slideshow caption

so in this case you would want to make the change in the slidehsow element in the style tab:

Best regards,
Mike

Hi,
Thank you for the login, your masonry gallery was set to show 8 items with the pagination enabled, but you had only picked 8 items, so when the blog post pagination was used the masonry gallery had nothing else to show, so I disabled the masonry gallery pagination and now it shows for every blog post pagination.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
If the issue was resolved by disabling the caching plugin then re-enabling should re-build the cache files so that the plugin serves a new cache correctly, if re-enabling shows the cached error again then this means that you need the clear the cached files and re-build the cache, please follow your plugin’s documentation to achieve this.

Best regards,
Mike

Hi,
Thanks for your question, the script needs to run after jQuery, if you want to load jQuery in the footer the try using this script instead, the first part uses an event listener for the loading of the DOM, which includes the footer scripts and then it loads the other script:

function defer_custom_script(){
?>
<script>
window.addEventListener('DOMContentLoaded', function() {
(function($) {
    $(".avia-testimonial-meta").each(function(){
        $(this).closest('.avia-testimonial_inner').prepend($(this));
    });
}(jQuery)); 
 });
</script>
<?php
}
add_action('wp_footer', 'defer_custom_script');

Best regards,
Mike