Hey condonpb,
Thanks for the FTP access, but I couldn’t login to WP with the admin login, nonetheless I tested your function on my demo site and regenerated my thumbnails and it worked correctly

add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
$size['entry_with_sidebar'] = array('width'=>845, 'height'=>580);
$size['portfolio'] = array('width'=>845, 'height'=>580);
return $size;
}

Perhaps this code near the top of your child theme functions.php is causing a conflict:
$avia_config[ 'imgSize' ][ 'featured' ] = array( 'width' => 1500, 'height' => 555 ); // images for fullsize pages and fullsize slider
try removing this and adding it to your enfold_customization_modify_thumb_size function like this:

add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
$size['entry_with_sidebar'] = array('width'=>845, 'height'=>580);
$size['portfolio'] = array('width'=>845, 'height'=>580);
$size['featured'] = array( 'width' => 1500, 'height' => 555 );
return $size;
}

and regenerated your thumbnails again, and check.

Best regards,
Mike

Hi,

Regarding the old thread, the user actually doubled the size of every thumbnails in the theme because he wanted the images to look sharper on retina screens. You don’t really need to do that because the default thumbnails are large enough to cover retina displays.

Best regards,
Ismael

Hi,

I see. Sorry about that. I missed the “on mobile” part in the topic title. We are not yet sure why it resizes like that but it might be due to the srcset attribute which allows the browser to serve a different thumbnail or a different version of the original image based on the current screen size. The served thumbnail might have a different aspect ratio compare to the original image. You can prevent this behavior by temporarily disabling the Responsive Images option in the Enfold > Performance > Responsive Images And Lazy Loading option.

Best regards,
Ismael

Hi,

Thank you for the update.

Some of the images are actually smaller than the designated thumbnail, so they were not resized the same as the larger ones. The images should have the same aspect ratio and they should be of the same size.

You can use this css code to adjust the style of the post title.

.avia-content-slider .slide-entry-title {
    font-size: 0.9em;
    line-height: 1.4em;
    margin: 0;
    font-weight: 400;
}

Best regards,
Ismael

Hey gidantrip,

Thank you for the inquiry.

You can modify the enfold > single-portfolio.php file and change the thumbnail in this code around line 29.

 $avia_config['size'] = avia_layout_class( 'main' , false) == 'entry_without_sidebar' ? '' : 'entry_with_sidebar';

Replace “entry_without_sidebar” with “full” or any thumbnails in the following list.

square
featured
featured_large
portfolio
portfolio_small
gallery
magazine
masonry
entry_without_sidebar
entry_with_sidebar
shop_thumbnail
shop_catalog
shop_single 
shop_gallery_thumbnail

Best regards,
Ismael

Hey estherj6,

Thank you for the inquiry.

Did you set the home page as blog page in the Enfold > Theme Options panel? The home and blog page should be set in the theme options. If you edited the options in Settings > Reading panel, you may need to reset it back to default. You can then modify the index.php file to increase the number of columns in the grid.

  $atts = array(
									'type'		=> 'grid',
									'items'		=> get_option('posts_per_page'),
									'columns'	=> 3,
									'class'		=> 'avia-builder-el-no-sibling',
									'paginate'	=> 'yes');

Regarding the images, looks like the featured images have different sizes, which is why the generated thumbnails are not the same. The best solution is to upload images with the same sizes and aspect ratios to get a consistent grid.

Best regards,
Ismael

Hi,

Sorry about that. You can modify the themes/enfold/config-events-calendar/views/single-event.php or override it in your child theme, then edit this code around line 72.

<?php echo tribe_event_featured_image( $event_id, 'entry_with_sidebar', false ); ?>

You can replace the thumbnail “entry_with_sidebar” thumbnail with “full” or any size that you want. For more info about template customization, please check this link.

// https://theeventscalendar.com/knowledgebase/k/customizing-template-files-2/

Best regards,
Ismael

Hey acscreativenew,

Thank you for the inquiry.

The original image is actually displaying in the events page, not any thumbnail. Please check the screenshot in the private field.

Best regards,
Ismael

Hi,

Thank you for the update.

You have to use the “full” thumbnail to display the original size of the featured image in the single post view.

/*
		 * retrieve slider, title and content for this post,...
		 */
		$size = 'full';

Does this applies to any blog style I choose from the list?

Are you trying to adjust the featured image in the actual post page? If yes, then the changes above should work. For the blog overview page, you may have to adjust a different file based on the selected blog style.

Best regards,
Ismael

Hey peterolle,

Thank you for the inquiry.

You have to modify the includes > loop-index.php file, look for this code around line 88 and adjust the thumbnail size from “entry_with_sidebar” or “entry_without_sidebar” to “full”.

	/*
		 * retrieve slider, title and content for this post,...
		 */
		$size = strpos( $blog_style, 'big' ) ? ( ( strpos( $current_post['post_layout'], 'sidebar' ) !== false ) ? 'entry_with_sidebar' : 'entry_without_sidebar' ) : 'square';

Best regards,
Ismael

Hey agentur2c,

Thank you for the inquiry.

The size of the door images is only 260x185px. Have you tried selecting a different thumbnail or size in the the Styling > Gallery Settings > Image Size settings? Please edit the horizontal slider element, look for the settings that we mentioned above and select a different thumbnail.

Best regards,
Ismael

Hi,
Glad to hear, it looks like the news thumbnail that is also the featured image for that post is getting the classes wp-caption featured , which has the extra margin that the above css adjusted for, I’m not sure why I will need to test more and let the Dev Team know of my findings. Either way, I don’t expect this to affect you further in the future.
You can move your Quick CSS to your child theme stylesheet and comment out rules one at a time to check if they are still needed, this is probably a huge job :(
Another option is to use the chrome extension CSS Used, this will output all of the css used for the page you are viewing, if you copy the code to a text file and check a page, a post, an event, etc then you can compare it to your Quick CSS and see if any rules are not used, probably still a big job :|
I thought there used to be an extension that would output the un-used css from your stylesheet but I couldn’t find it, perhaps there is a plugin or a website that now does this, try searching for one as this would be the easiest solution :)

Best regards,
Mike

Hi,

Thank you for the access.

We adjusted the css code in the Quick CSS field and temporarily disable the file compression settings. The cart page should now look exactly the same as the screenshot above. Please make sure to purge the cache before checking the page on mobile view.

This is the updated code in the Quick CSS field.

/* Kreditkartenfeld responsive */
@media screen and (max-width: 767px) {
  .woocommerce table.shop_table thead {
    display: none;
  }

  .woocommerce table.shop_table td {
    display: block;
    text-align: right !important;
    border: 0px;
  }

  .woocommerce table.shop_table td::before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
  }

  .woocommerce table.shop_table_responsive thead,
  .woocommerce-page table.shop_table_responsive thead {
    display: none;
  }

  .woocommerce table.shop_table_responsive tr td::before,
  .woocommerce-page table.shop_table_responsive tr td::before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
  }

  .woocommerce table.shop_table_responsive tr td,
  .woocommerce-page table.shop_table_responsive tr td {
    display: block;
    text-align: right !important;
  }

  #top #payment div.form-row {
    padding-left: 0px !important;
  }

  /* Target the Credit Card */
  #stripe-card-element {
    width: 200px !important;
    margin-left: -20px;
  }

  /* Target the Expiry Date */
  .woocommerce-checkout-review-order #stripe-exp-element {
    background: #ffffff !important;
    margin: 5px 0px !important;
    padding: 10px 5px !important;
  }

  /* Target the CVC Code */
  .woocommerce-checkout-review-order #stripe-cvc-element {
    background: #ffffff !important;
    margin: 5px 0px !important;
    padding: 10px 5px !important;
    margin-left: -20px;
  }

  .responsive table.shop_table.cart .product-thumbnail {
    display: block !important;
  }

  .woocommerce .shop_table .woocommerce-cart-form__cart-item td::before {
    display: block;
  }

  .responsive #top table .product-name,
  .responsive #top table .product-price {
    border-color: #c4c4c4;
  }

  .woocommerce-cart-form__cart-item {
    border-bottom: 1px solid;
  }

  .woocommerce .shop_table .woocommerce-cart-form__cart-item .product-price::before,
  .woocommerce .shop_table .woocommerce-cart-form__cart-item .product-name::before {
    display: block;
  }

  .woocommerce .shop_table .woocommerce-cart-form__cart-item.actions::before {
    displaY: none;
  }
}

Best regards,
Ismael

Hi,

the avia-shortcode-helpers folder, not the avia-shortcode folder ; won’t I need to adjust the function or to create a special sub-folder ?

You can create a copy of the masonry helper file inside the child theme’s shortcodes folder. The theme will be able to recognize any shortcodes in that path.

In the next path, we will add an action hook called avf_product_slider_html_list_before_item in the same file. You can use that to insert anything after the catalogue content.

$text  = $image;
					$text .= '<div class="av-catalogue-item-inner">';
					$text .=	'<div class="av-catalogue-title-container">';
					$text .=		"<div class='av-catalogue-title av-cart-update-title'>{$title}</div>";
					$text .=		"<div class='av-catalogue-price av-cart-update-price'>{$price}</div>";
					$text .=	'</div>';
					$text .=	"<div class='av-catalogue-content'>{$content}</div>";
					$text .= '</div>';

					/**
					 * Allows to call e.g.
					 *		do_action( 'woocommerce_product_thumbnails' );
					 * 
					 * @since x.x.x
					 * @param array $this->config
					 * @param aviaShortcodeTemplate $this->sc_context
					 */
					do_action( 'avf_product_slider_html_list_before_item', $this->config, $this->sc_context );

Best regards,
Ismael