Hey whdsolutions,
You could try this solution, but it is not meant to show for products, as the layout placement shows the sidebar under the product image.

Best regards,
Mike

Hi,

Thank you for the update.

You may need to replace the Color Section with an actual Image or a Fullwidth Easy Slider element to make sure that the container resizes based on the size of the image, rather than the other way around. If you choose to use the Image element, you can adjust the container’s maximum width using css. Please refer to this documentation: https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width

Thanks @Guenni007.

Best regards,
Ismael

Hey tsays,

Thank you for the inquiry.

The background images applied to the color sections should be responsive by default. Just make sure that Styling > Background Image > Background Repeat is set to Stretch to Fit.

Best regards,
Ismael

Hey seomar,

Thank you for the inquiry.

The account above is not an admin, so we were not able to check the site settings. Please change the user role to administrator. Did you install any plugins related to images?

Best regards,
Ismael

Hey sebastianpesl,

Thank you for the inquiry,

The sizes and aspect ratios of the images are different. We provided examples in the private field. Please make sure to upload images with the same size and aspect ratio.

You can also try this css code:

.team-img-container {
    max-height: 280px;
}

.team-img-container img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

Best regards,
Ismael

Hi,
Glad that this helps, the backend Featured image thumbnail is a WordPress function and I don’t know how to change this. But as you pointed out your customers won’t see this. Shall we close this thread then?

Best regards,
Mike

Hey ProSEO,
I added this to your functions.php file in Appearance ▸ Editor:

add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
    return 'woocommerce_thumbnail';
}

and it solved your webshop

and the Related products:

Best regards,
Mike

Hey ebenanders,
The images that I check on your site are “https”, it looks like only the favicon is “http”. Check the URL in Enfold Theme Options ▸ favicon, you can edit it without uploading again. Also check your WordPress ▸ Settings ▸ General ▸ Site Address and WordPress ▸ Settings ▸ General ▸ WordPress Address for “http”

Best regards,
Mike

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

@media only screen and (max-width: 767px) { 
	.av-burger-menu-main.menu-item-avia-special,
	.responsive.html_cart_at_menu.html_header_searchicon .menu-item-search-dropdown {
		right: -100px;
	}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Munford,
The sidebar is not expected to show on mobile in this layout, nor in the burger menu, but adding this code to the end of your child theme functions.php file in Appearance ▸ Editor will show it:

function custom_script() { ?>
  <script>
(function($){
$('#avia-menu').one('click', function(){
jQuery('.avia-custom-sidebar-widget-area.sidebar.sidebar_right').clone().wrapInner('<div class="sidebar-widget-area"/>').children(0).unwrap().appendTo('#av-burger-menu-ul');
});
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
When I check the background color is black:

It looks like your tool has an error, changing to transparent probably won’t fix. Try this:

#center_all .av_custom_color.av-subheading.av-subheading_below p {
	background-color: #000;
}

Best regards,
Mike

Hi,
Your screenshot has this structure:
enfold-child ▸ config-templatebuilder ▸ avia-shortcodes ▸ logoslider ▸ logoslider.php

It should be:
enfold-child ▸ shortcodes ▸ logoslider ▸ logoslider.php

Best regards,
Mike

Hi,

Thank you for the update.

We have selected a larger version of the product image in the Product Grid’s Styling > Image Size settings.

To underline all links in the site, please add this css code:

#top #main a {
    text-decoration: underline !important;
}

Best regards,
Ismael

Hey bemodesign,

We can’t make the actual image larger using code unfortunately, could you try uploading a larger version of the image maybe?

Best regards,
Rikard