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

Hey spooniverse,

Thank you for the inquiry.

Yes, you can adjust the thumbnail size in the archive pages by editing the archive.php file directly or by using the avf_post_slider_args filter.

add_filter("avf_post_slider_args", function($args, $context) {
        if( $content == "archive" ) {
	   $args["preview_mode"] = "custom";
           $args["image_size"] = "full";
        }
	return $args;
}, 10, 1);

These are the available thumbnail sizes.

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

Adding an image to category template is possible but it will require significant amount of modifications. If you want to check how it has been implemented for the product categories, look for the avia_woo_edit_category_fields and the avia_woo_add_category_fields functions in the enfold/config-woocommerce/admin-options.php file. The functions are attached to thse hooks.

// https://developer.wordpress.org/reference/hooks/taxonomy_edit_form_fields/
// https://developer.wordpress.org/reference/hooks/taxonomy_add_form_fields/

The actual banner function is in the enfold/config-woocommerce/config.php file.

Best regards,
Ismael