Hey limedrop,

Thank you for the inquiry.

That is not how the parallax or fixed background image effect works. The image in the bottom section is neither under nor over the image in the section above, it’s in its own container, scrolling with the document. Unfortunately, what you’re asking is not possible without a custom script or significant modifications to the templates.

Best regards,
Ismael

Hi,

Thank you for the update.

Have you tried converting the PNG image to an actual ICO file? Please check this tool: https://favicon.io/

Best regards,
Ismael

Hi,

Thank you for the update.

We replaced the shortcode with the Widget Area element displaying the Instagram widget. It’s now rendering, but returning the error: Instagram returned error 429. Are you using the Instagram widget on other sites as well? Please try waiting a few hours or a full day, then check the page again. We have set it to cache the Instagram images on your server.

These threads might be related to the issue:

— https://kriesi.at/support/topic/enfold-theme-instagram-side-bar-widget-not-working/#post-1350365
— https://kriesi.at/support/topic/problem-with-instagram-widget/

Best regards,
Ismael

Hi,

Thank you for the info.

Looks like the script is not working as intended so we removed it. Unfortunately, we didn’t find any other solution to prevent the slides’ background images from loading when the slider is not visible. You may need to remove the other sliders and rely on the responsive images if you’re using the Fullwidth Easy Slider, or manually apply different background images to the slides for different screen sizes using css. Example:

/* mobile */
@media (max-width: 767px) {
    .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(1) {
        background-image: url("/path/to/slide1-mobile.jpg") !important;
    }
    .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(2) {
        background-image: url("/path/to/slide2-mobile.jpg") !important;
    }
    .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(3) {
        background-image: url("/path/to/slide3-mobile.jpg") !important;
    }
}

/* tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(1) {
        background-image: url("/path/to/slide1-tablet.jpg") !important;
    }
    .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(2) {
        background-image: url("/path/to/slide2-tablet.jpg") !important;
    }
    .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(3) {
        background-image: url("/path/to/slide3-tablet.jpg") !important;
    }
}

Best regards,
Ismael

Hey John,

Thank you for the inquiry.

We tried logging in, but the provided account seems to be invalid. 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 koomo,

Thank you for the inquiry.

If you need to remove the arrow below the images, please add this css code:

#top .avia-smallarrow-slider .avia-content-slider-inner .avia-slideshow-arrows {
    display: none;
}

Let us know the result.

Best regards,
Ismael

Hey Fred1969,

That happen because you are using a full width element in the middle of the page. Please try adding the images in a 1/1 element instead for example.

Best regards,
Rikard

Hey Gianluca,

Thank you for the inquiry.

There’s no built-in option for this, but you can try editing the enfold/config-templatebuilder/avia-shortcodes/slideshow_feature_image/slideshow_feature_image.php file, and look for the slide_html function. Let us know if you need more info.

Best regards,
Ismael

Hi,

We didn’t change anything aside from creating a test page. For now, you may need to manually add images to the default editor if you want to comply with the SEO checker, or you can ignore it since the featured image will be properly indexed on the frontend. This won’t affect your SEO in any way.

Best regards,
Ismael

Hi,

Yes, if the thumbnail size is disabled, the default thumbnail with that dimension will no longer be generated and all images will be regenerated without it. It’s IMPORTANT to create a full site backup or restore point before proceeding with any of these steps.

If you’re comfortable with scripting, you can also remove specific thumbnails in batch if the regeneration process fails to remove them.

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like the slide images are still loading on all screen sizes. We may need to log in to the site to properly test the modification. Please provide the login details in the private field.

Best regards,
Ismael

Hi,

Unfortunately, at this time, there is no solution other than adding the images manually in the editor. We will forward the issue to our channel. Thank you for your understanding.

Best regards,
Ismael

Hey Alexandru Parosu,

Thank you for the inquiry.

Are you using a plugin to sort the images, or just the default drag-and-drop feature? This seems to be working correctly on our end. What happens when you select a different option under Styling > Masonry Settings > Size Settings? If the issue persists, please provide the login details in the private field so we can investigate further.

Best regards,
Ismael

Hi,

When portrait format images were uploaded originally, Enfold portfolio size image (495x400px) was enabled.

You may need to regenerate the thumbnails to delete the disabled thumbnails. Have you tried any of these plugins?

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

Make sure to create a site back up before using the plugins.

I also know that I’ve got some uploaded images with an original width of 400px so just targeting “400” in srcset isn’t an option,

Unfortunately, this is not possible without manually targeting each image. You may need to keep the thumbnails with a 400px height. As mentioned above, the file size difference between these thumbnails is very negligible, so it won’t really make much difference whether they are enabled or disabled.

Best regards,
Ismael