Hi,

Thank you for the update.

The issue I am having is if I click on the COLOR SECTION on that page to edit the colors or overlay on the image, nothing opens.

We temporarily removed the Code Block element inside the Color Section, and it seems to be working again. What map embed script did you place in the Code Block element? You may need to create a custom shortcode for the embed script or use a snippet plugin instead of directly embedding the map in the Code Block element.

Best regards,
Ismael

Hey Renaud,
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 this code and save.

function custom_script() { ?>
  <script>
(function($){
  $('img').hover(function(e){
      $(this).attr('data-title', $(this).attr('title'));
      $(this).removeAttr('title');
  },
  function(e){
      $(this).attr('title', $(this).attr('data-title'));
  }); 
  $('.av-masonry-image-container').hover(function(e){
      $(this).attr('data-title', $(this).attr('title'));
      $(this).removeAttr('title');
  },
  function(e){
      $(this).attr('title', $(this).attr('data-title'));
  }); 
  $('a').hover(function(e){
      $(this).attr('data-title', $(this).attr('title'));
      $(this).removeAttr('title');
  },
  function(e){
      $(this).attr('title', $(this).attr('data-title'));
  }); 
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

Best regards,
Mike

Hey Antonio,

Thank you for the inquiry.

This is not possible because when the browser is resized, the height of the slider is recalculated based on the height of the image. If you want to disable the transition, you can add this css code, but the image will still move after resizing.

#top .avia-slideshow-inner {
    transition: none !important;
}

Best regards,
Ismael

Hey mikeb254,

Thank you for the inquiry.

You can enable the Gallery Image Rotation in the Advanced > Animation panel. Please make sure to clear the cache after making any adjustments to the settings.

Best regards,
Ismael

Hi,
Thanks for your patience, when I edit your footer page color section I see a 403 server error for your admin-ajax.php
When I copy your footer page to my test site it works correctly with no error.
This could be many server issues, first I would look at your low server settings for:
PHP max input variables
PHP time limit
Max input time:

try updating to these:

There are other possible issues for a 403 error on admin-ajax.php, such as server Mod_Security or custom rules in your .htaccess file, which you have:

Best regards,
Mike

Hi,
I did not find a horizontal gallery on your site, but the element has three options, no gap, 1px gap, large gap:

If large gap is not enough, please explain further and create a test page for us to examine.

Best regards,
Mike

Hi,
Thank you for your patience, I see that your layerslider is based on the original slide from the original demo, since then the LayerSlider has been updated a lot. I was able to remove the 3D transition by changing the timing to zero on the first slide:

please clear your browser cache and check.

Best regards,
Mike

Hey Marcel,
In your gallery element you had “Lightbox linking active”, you need to use “Use custom link”:

I changed for you, please clear your browser cache and check.

Best regards,
Mike

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

.search.search-results .post-meta-infos,
.search.search-results .entry-content{
	display: none;
}

Before:

After:

Best regards,
Mike

Hey ballindigital,
To move topbar below the header I added this script to your Snippets plugin.

function custom_script() { ?>
  <script>
(function($) {
  function a() {
    $('#header_meta').detach().insertAfter('#header_main');
  }
  a();
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

please clear your browser cache and check.

Best regards,
Mike

Hi,
In that case add color: #fff; to the span, like this:

I did this for you:

Please clear your browser cache and check.

Best regards,
Mike

Hi,
I cleared your site cache, and removed the css above and now the white space under images has been removed and I don’t see any missing images on your home page

clear your browser cache and check.

Best regards,
Mike

Hey Antonio,
Thank you for the link to your site, in this case you would remove the “span” in the “text” tab of the editor:

like this:

I did this for you, please clear your browser cache and check.

Best regards,
Mike

Hi,
As I understand you would like to remove this gold line:

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

.avia_transform .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-animate li.av-milestone-odd.avia_start_animation .av-milestone-indicator {
    opacity: 0;
    animation: none;
}

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

Best regards,
Mike