Hey KelseyCurran,
Please try using the Simple Image Sizes plugin, it will allow you to set custom sizes for each image type and turn off cropping right in the WordPress > Dashboard > Settings > Media > Media Settings panel. After saving your changes, please use the Thumbnail regeneration option at the bottom of the options panel.

Best regards,
Mike

Hi,

Thanks for the screenshot.

Are you using the default WP gallery? Please use the theme’s Media Element > Gallery element or shortcode instead. Set the “Gallery Style” to “Big image with thumbnails below”.

Best regards,
Ismael

Hey Jason,

Thank you for using Enfold.

1.) Add this script to move the date after the title.

add_action('wp_footer', 'ava_move_date_after_title');
function ava_move_date_after_title(){
	?>
	<script type="text/javascript">
		(function($) {
			$('.av-magazine-entry').each( function() {
				var date = $(this).find('.av-magazine-time');
				var title = $(this).find('.av-magazine-title');

				date.insertAfter(title);
			});
		})(jQuery);
	</script>
	<?php
}

2.) Add this css code to create space below the excerpt.

.av-magazine-content.entry-content {
    padding-bottom: 20px;
}

3.) Use this to adjust the size of the thumbnail.

.av-magazine-thumbnail {
    width: 120px;
    min-height: 120px;
}

.av-magazine-thumbnail img {
    width: 100%;
}

4.) And this css code to move the border below the thumbnail.

.av-magazine-entry {
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

.av-magazine-content-wrap {
    border-bottom: 0;
}

We don’t usually entertain multiple questions on a single page, so it’s better if you create a single thread for each inquiry.

Best regards,
Ismael

Hi,

Thank you for the update.

You can adjust the blog posts element’s “Preview Image Size” size to the second option so that you can manually select a specific thumbnail. You should upload an image not less than 1210px in width and not shorter than 426px because that is the default size of the “entry_without_sidebar” thumbnail which is what is going to be used once you’re on the single post page. If you want to adjust the default size of that thumbnail, use the following plugin.

// https://wordpress.org/plugins/simple-image-sizes/

Best regards,
Ismael

Hey tankerhq,

Thank you for using Enfold.

1.) You have to upload product images with the same size as much as possible in order to create a consistent grid. You can also set a minimum height to the product container and product images but it may distort the images a bit.

#top .shop_columns_3 .products .product {
    min-height: 671px;
}

#top .shop_columns_3 .products .thumbnail_container img {
    min-height: 425px;
}

You may need to add css media queries to adjust these values on smaller screens.

2.) The margins look consistent. Please provide a screenshot using imgur or dropbox.

Best regards,
Ismael

Hi,
When I looked at your page I found a magazine element on the bottom half of your page so I assume it is the section you are working on. To make the images larger try this code in the General Styling > Quick CSS field:

.av-magazine .av-magazine-thumbnail,.av-magazine .av-magazine-thumbnail img  {
width: 180px !important;
}

I also assume that you will want the text larger too, so try this css:

.av-magazine .av-magazine-content-wrap h3.av-magazine-title{
font-size: 3em!important;
}

Please feel free to adjust both to suit.

You may notice that the images are blurry because the magazine thumbnails are actually half the size and then scaled up to fit, to correct this please install the plugin Simple Image Sizes and go to WordPress > Dashboard > Settings > Media > Media Settings and change the size of the thumbnail size to your new size. Then use the “Thumbnail regeneration” option lower on the same page.

Best regards,
Mike

Hey gemmajestico,
If I understand correctly, you want to display your portfolio grid as an “Ajax Portfolio” but you don’t want to show the portfolio thumbnails that make the “Ajax Portfolio Preview”?
In that case please try this code in the General Styling > Quick CSS field:

 .portfolio_preview_container .avia-gallery-thumb {
display: none !important;
}

To create the portfolio “Classic Single Entry” layout I recommend using the “Portfolio Items” post type.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 479px) {
.responsive table.shop_table.cart .product-thumbnail {
    display: block !important; 
    width: 180px !important; 
}
}
@media only screen and (max-width: 767px) {
.responsive table.shop_table .product-thumbnail {
    display: block !important; 
    width: 180px !important; 
}
}

Please adjust image width to suit.

Best regards,
Mike

Hey npcf,

Please try following

• Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
• Go to Settings > Media
• Change the entry_with_sidebar image size (increase its width / height).
• Regenerate the thumbnails by clicking the button at the bottom.

Best regards,
Yigit

Hi,

b.) You should remove this css code because it doesn’t seem to help in making the image sharper.

#top div .avia-gallery .avia-gallery-big {
    padding: 0; 
}

It will re-align the main image and the gallery thumbnails.

What file size would you recommend to get a sharp but still fast-loading image?

c.) You should consider the standard screen resolutions when deciding what image size to use.

// https://www.w3schools.com/browsers/browsers_display.asp

Best regards,
Ismael