Increase size of vendor badges

[Kristin]

I would like to increase the size of the vendor badges everywhere they appear on the site. I tried to do this using CSS without much luck. Is there an easy way to increase the size sitewide? Or can you help provide the CSS to do so for the various locations where the badge appears?

[WCFM Forum]

Hi,

CSS is the only option for this right now.

I will know right CSS for the purpose.

Thank You

[Kristin]

Thanks… is that something you are going to provide for me?

[WCFM Forum]

HI,

Yeah right, try this –

a.wcfm_vendor_badge img, div.wcfm_vendor_badge img {
    width: 40px;
}

Thank You

[Kristin]

Thanks but that didn’t have any effect, as far as I could see. I placed it in my child theme’s custom CSS.

[WCFM Forum]

Hi,

Then change to this –

a.wcfm_vendor_badge img, div.wcfm_vendor_badge img {
    width: 40px !important;
}

Thank You

[Kristin]

Thanks – that helped. I would still like to get it bigger than what I seem to be able to do (even with adjusting the width number) but it’s a start.

[Kristin]

Okay… I think I got it through a combo of the code you provided plus additional CSS. Thanks!

[Kristin]

One other related question – is there a way to hide the badges on the product archives without also hiding them on the vendor shop page? I would prefer they show only in the banner area on the vendor page and on the individual product pages, but not on any archive pages.

[WCFM Forum]

Hi,

Kindly add this line of code for the purpose –

add_filter( 'wcfm_is_allow_badges_in_loop', '__return_false' );

Well, for size I had set “40px” as random, you may set this more to show this much bigger.

Thank You

[Kristin]

That filter works great except it also removes the badges from the individual product pages – is there any way to exclude those?

[WCFM Forum]

Hi,

Well, then use this code –

function wcfm_is_allow_badges_in_loop_custom( $is_allow ) {
	if( is_product() ) return $is_allow;
	return false;
}
add_filter( 'wcfm_is_allow_badges_in_loop', 'wcfm_is_allow_badges_in_loop_custom' );

Thank You

[Kristin]

Perfect! Thanks!!! 🙂

[Author]

Posts