Hi @Guenni007

I really appreciate your detailed response. I however tried all of your solutions with no luck:

function av_change_logo($logo){
    if(is_page(3597)) {
        $logo = 3951;  // ID of the svg Logo
    }
    return $logo;
    }
add_filter('avf_logo', 'av_change_logo');

function av_change_alt_logo_img($header){
    if (is_page(3597)) {
            $header['header_class'] .= ' av_header--about';
            $header['header_replacement_logo'] = 3951;
        }
    return $header; 
    }
add_filter('avf_header_setting_filter','av_change_alt_logo_img');

Still only the first SVG in the “logo avia-svg-logo” was updated, not the logo in “subtext avia-svg-logo-sub”, although not ideal, I have since achieved what I was after using the header_class and CSS:

.av_header--about {
    .avia-svg-logo-sub {
        opacity: 0;
    }
    svg {
        opacity: 1 !important;
    }

    &:not(.av_header_transparency) {
        svg {
            path {
                fill: #4e4e4e;
            }
        }
    }
}

Thanks all the same
Sean

Hi Support,

Kindly just chasing this topic up, do you have a solution to the above?

Thanks
Sean

Hi Nikko,

Thank you so much for this code snippet that has worked just as I wanted.

Is there a way to modify that function to output a class to the a tag including the category name in it? so it outputs from this:

<span class="blog-categories minor-meta"><a href="/announcement/" rel="tag">Announcement</a>, <a href="/events/" rel="tag">Events</a> </span>

to this:

<span class="blog-categories minor-meta"><a class="announcement" href="/announcement/" rel="tag">Announcement</a>, <a class="events" href="/events/" rel="tag">Events</a> </span>

Currently, I am targeting the href to style this component, but would rather a class, no biggie if not :)

a[href="/events/"] {
                    background-color: #1E65A7;
                }

Thanks
Sean

Hi Nikko,

Thank you for getting back to me.

All of my images are 1000 x 1000px, for the first item I created an image 2000 x 2000px (2 times bigger) which didn’t change in height or width. I figured out that creating an image at 16:9 will take up 2 column spaces wide but obviously not in height and 9:16 will take up 2 columns spaces in height but not in width. Still don’t have a solution that takes up 2 column spaces both in height and width.

I think this approach is too hit-and-miss for what I am trying to achieve, as well as the lightbox image then presenting the image at that cropped size, where it would be better if it displayed the full uncropped image.

What other options do I have? I don’t want to add a third-party plugin.

Can I modify the masonry_gallery.php in a way where I can specify my own HTML? that way I can create the layout without modifying the size of the images.

<div class="grid">
  <div class="grid-item">...</div>
  <div class="grid-item grid-item--width2">...</div>
  <div class="grid-item">...</div>
  ...
</div>

Or modifying that function you shared https://kriesi.at/support/topic/change-image-size-on-masonry-gallery/ here to achieve my layout?

My only other thought to achieve this is to create a custom element in my shortcodes folder and have the user input images in Advanced Custom Fields.

Your help would be greatly appreciated.

Thanks in advance
Sean

Hi Ismael,

Thank you for your quick response.

add_filter('woocommerce_cross_sells_total', 'avia_woocommerce_cross_sale_count');
add_filter('woocommerce_cross_sells_columns', 'avia_woocommerce_cross_sale_count');

function avia_woocommerce_cross_sale_count($count)
{
	return 4;
}

I found the above code in the config-woocommerce file as you mentioned which changing the return value to 12 solves my issue.

My question now is perhaps the code in the functions could be changed to target that value? Something like:

   add_action("after_setup_theme", function() {
	global $avia_config;
	$avia_config['woocommerce_cross_sells_total'] = 12;			// columns for related products and upsells
	$avia_config['woocommerce_cross_sells_columns'] = 12;	// number of items for related products and upsells
}, 10, 1);

The function didn’t work but you may have a better idea as to what it should be changed to.

Alternatively, is there a way I can include the wp-content/themes/enfold/config-woocommerce/config.php file in my child theme as an override?

Thank you for your help.
Sean