Hi,

One thing that could probably help speed things up a bit is to preload the images used in the portfolio AJAX preview. This way, the images will be ready prior to opening the portfolio item. Another is image compression and general site or page optimization. Please check the links below for more info.

— https://www.wppagebuilders.com/preload-images-wordpress/
— https://gtmetrix.com/wordpress-optimization-guide.html
— https://wpengine.com/resources/improve-wordpress-site-speed/

We also noticed that the images are in webp format. Are you using a plugin to convert them? Does it make any difference when this plugin is disabled?

Best regards,
Ismael

Hey klick-design-rbh,

Thank you for the inquiry.

There should be a loading icon displayed while the associated images in the portfolio AJAX item are loading. You can see this behavior in the demo: https://kriesi.at/themes/enfold-2017/portfolio/portfolio-4-columns-centered-ajax/

Did you happen to disable the loading icon or modify any of the theme templates?

Best regards,
Ismael

Hi,
I’m not sure what is smaller, did you click your Accessibility Tools plugin?
Try adding a screenshot on the issue, yo add a screenshot please try using an Screenshot service and pasting the image URL in your post.
The css above should only be for the horizontal gallery.

Best regards,
Mike

Hey gerardlok1,

We would have to see the actual problem that you are having, please change the images so that we can have a closer look.

Best regards,
Rikard

Hey Susanne Knoll,
Please note that we did not create or host your site, we created the theme that your site uses.
Nonetheless, when I test your contact form it seems to work correctly:

Since you are using an old version of the theme (v4.1.2) you should update to v7.1.1
To update your version of Enfold you will need to download the latest <strong style=’color:#000′>installable WP version from your Theme Forest account and upload it to your <strong style=’color:#000′>WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a <strong style=’color:#000′>This theme is already installed message because you are updating, you can continue

then you will see the <strong style=’color:#000′>Theme updated successfully message.

I also see that your updates are disabled, so if you don’t have a theme forest account you will need to purchase a new license. Envato (Theme Forest) handles all of our licenses and we can not create licenses and Envato will only recognize account owners, this sometimes happens with a site is built by a developer who in the future can not be found, Envato will not issue a new license to the website owner, one must be purchased. 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.
Then you can register for our support forum and open a new thread. You have asked your question through the contact form which is not for support requests.
Thank you for your understanding.

Best regards,
Mike

Hi,
I have researched this and while there is a long technical explanation for why the WAVE test tool is flagging this, I found a solution in my research. Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function remove_link_from_search_icon_and_add_it_back_on_click() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function() {
    const searchLink = document.querySelector('#menu-item-search a');
    if (searchLink) {
        // Store the original href
        const originalHref = searchLink.getAttribute('href');
        // Remove the href on page load
        searchLink.removeAttribute('href');
        
        // Add click event to restore href
        searchLink.addEventListener('click', function() {
            if (!searchLink.getAttribute('href')) {
                searchLink.setAttribute('href', originalHref);
            }
        });
    }
});
</script>
  <?php
}
add_action( 'wp_footer', 'remove_link_from_search_icon_and_add_it_back_on_click', 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.
I tested this on the WAVE Web Accessibility Evaluation Tool and it removed the error.

Best regards,
Mike

Hey gerardlok1,
You probably have not finished setting up the woocommerce plugin, try going to woocommerce plugin start, and look for “add your products”:

it probably won’t be crossed out like in the image, click it and on the next screen click “View more product types” then click “Load Sample Products”

This will add 9 sample products and woocommerce will know you have products, then the widgets will show:

Best regards,
Mike

Hi,

Thanks for sharing @gerardlok1. If you need further help, then post a link to an example image @limedrop.

Best regards,
Rikard

Hey dpriemer,

Thank you for the inquiry.

border settings have been cleared and the images sit right next to each other with borders.

The images in the logo element don’t have borders on either page when we checked. Just to clarify, are you trying to add borders or remove them? Temporarily, try to disable the Enfold > Performance > File Compression settings.

For example, the 7 logo element on this page respects the settings. Display border –> Yes, Style –> None, Padding –> 13 px left and right https://cerebralselling.com/salesacademy/

Try to set it to “Do not display border” and keep the Border Style to None. Let us know the result.

Best regards,
Ismael

Hi,

We checked every thumbnail in the srcset attribute, and none of them are missing, but it looks you’ve opted to hide the column and image on smaller screens. The image does display when we manually toggle its visibility.

Would you mind creating a test page and apply the same content as the homepage?

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the clarification.

Unfortunately, that is not possible without modifications to the theme. By default, you would need to display all 50 images on the same page and disable pagination or the “load more” button. If you’re interested in implementing the modification yourself, you can refer to the documentation below.

— https://dimsemenov.com/plugins/magnific-popup/documentation.html#initializing-popup

You’ll need to create a button or use the masonry items as trigger and specify the images manually in the items array.

$('#some-button').magnificPopup({
    items: [
      {
        src: 'path-to-image-1.jpg'
      },
      {
        src: 'http://vimeo.com/123123',
        type: 'iframe' // this overrides default type
      },
      {
        src: $('
<div>Dynamically created element</div>
'), // Dynamically created element
        type: 'inline'
      },
      {
        src: '
<div>HTML string</div>
',
        type: 'inline'
      },
      {
        src: '#my-popup', // CSS selector of an element on page that should be used as a popup
        type: 'inline'
      }
    ],
    gallery: {
      enabled: true
    },
    type: 'image' // this is default type
});

Best regards,
Ismael

Hey David Mawad,
Typically, this error is from trying to install the full theme zip file with the documentation, you will need to download the installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

as for posting a question on the support forum, if you have not registered to our support forum yet you can do so here and enter your purchase code.

Best regards,
Mike

Hey Alan,
When I check the footer on your site, I see three 1/3 columns which are centered, see image 1 below.
Since each column is 1/3 and the content is minimal there is a lot of empty space, see image 2 below.
I assume that you want to make the two columns with text smaller so they are closer together and the center all of them.
Is the correct?

Best regards,
Mike

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

function blog_title_above_image() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $('.slide-entry').each(function() {
  $(this).find('.entry-content-header').insertBefore( $(this).find('a.slide-image'));
  $(this).find('.av-vertical-delimiter').css('display','none');
  });
})(jQuery);
});
  </script>
  <?php
}
add_action( 'wp_footer', 'blog_title_above_image', 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.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Please see the screenshot in the Private Content area of the expected results.

Best regards,
Mike