Hi,

Thank you for the information.

Have you tried adjusting the Masonry element’s Styling > Masonry Settings > Image Size to No Scaling (Original Width x Original Height)? This should display the images in their original dimensions.

Best regards,
Ismael

Hi,

Thank you for the information.

Have you tried adjusting the Masonry element’s Styling > Masonry Settings > Image Size to No Scaling (Original Width x Original Height)? This should display the images in their original dimensions.

Best regards,
Ismael

Hi,

Thank you for the upate.

To adjust the width and height of the featured images, you can try this css code:

.small-preview {
    width: 164px;
    height: 164px;
}

Make sure to remove this css code first or override it so the featured images are visible.

.post-entry .blog-meta {
    display: none;
}

Best regards,
Ismael

Hey Dave Chapple,

Thank you for the inquiry.

The theme actually increases the compression quality compared to the default, which can sometimes result in heavier thumbnails or thumbnails with a larger file size than the original images. This is not intentional, but it can happen from time to time.

Please create a test page and provide the URL in the private field so we can check the issue — screenshots would also be helpful.

To adjust the default quality, try to add this filter in the functions.php file, then regenerate the thumbnails.

add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1); 
add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1); 
function avf_set_quality_mod($quality) { $quality = 60; return $quality;}

Use this plugin to regenerate the thumbnails, but make sure to create a site backup first.

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

Best regards,
Ismael

Hey Sebastian,
Your container max-width is 1200px and contains margin & padding:

Try this css and adjust to suit:

.responsive .page-id-3603 #av_section_4 .container {
    max-width: 100%;
    padding: 0;
}

Best regards,
Mike

Hi,

We get a 403 Forbidden error when we try to access the page (see screenshot). This may be due to a custom server configuration. Please contact your hosting provider for more information.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The background option for the Color Section is located under Styling > Background Image. You can remove the background image there or replace it with another one.

If you need to apply a solid background color, simply go to the Background Colors panel, as shown in the screenshot.

Best regards,
Ismael

Hey promosapien,

Thank you for the inquiry.

After reimporting the icons, have you tried performing a search and replace in your database? Also, instead of just deleting the zip files, you may need to remove them from Enfold > Import/Export > SVG Iconset and Iconfont Manager before reuploading the icons. After that, you may also need to reconfigure the pages to use the new icon set.

Best regards,
Ismael

Hi,

Thank you for the update.

Please note that 300x300px will not be the exact size at which the thumbnails are generated. The resizing process also takes the image’s aspect ratio into account, so if the image is not perfectly square or has a different aspect ratio, it will not be resized to exactly 300x300px. This is why you’re seeing images with different dimensions.

If you want to display a grid with uniform image sizes, you will need to upload images with the same dimensions and aspect ratio. Hope this clear things up a bit.

Best regards,
Ismael

Hey schwabino,

Thank you for the inquiry.

Would you mind providing a link to the page and a screenshot of the issue? You can use platforms like FreeImage, ImgBB, PostImages or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, ImgBB, PostImages or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hi,

Thank you for the screenshot.

To move the separator up, try o add this css code:

.single-product .template-shop.sidebar_right {
    padding-top: 0;
}

#top.single-product .template-shop.sidebar_right .product > div, #top.single-product .template-shop.sidebar_right .product > .sidebar {
    padding-top: 50px;
}

Result:

Best regards,
Ismael