Tagged: catalogue image size
I would loooooooooove your help on adjusting the size & shape of the catalogue images – more importantly the size if we can’t change the shape!
Is there any way to increase the size of those images? I’m thinking like 250 pixels wide.
If it’s also possible to make it dynamic so the width is that 250px wide but the height is dynamic. If not, 250×160 would be perfect.
Sorry if that’s too much to ask but I appreciate the input!
Cheers,
And, gosh, sorry one more thing. How do I make it so the bullet points appear on the List Item Description in the Catalogue?
Thanks again!
Hi kellyCraftMedia,
Please try to do the following:
1. In your child (if you don’t have one, you can download and find instructions here, then add this at the bottom of functions.php:
function enfold_customization_modify_thumb_size( $size ) {
$size['square'] = array('width'=>250, 'height'=>160, 'crop'=>false);
return $size;
}
add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
2. Re-upload the catalogue image
3. Add this CSS code in Quick CSS, located in Enfold > General Styling:
#top .av-catalogue-image {
width: 250px;
}
#top .av-catalogue-content li {
list-style-type: inherit;
border: 0;
}
Best regards,
Nikko
This is a great start! No way to make it rectangular by removing the rounded corners?
Thanks so much!
Hi kellyCraftMedia,
You’re welcome :)
Please try to change this code I gave:
#top .av-catalogue-image {
width: 250px;
}
to:
#top .av-catalogue-image {
border-radius: 0;
width: 250px;
}
If you want the edge to be a bit rounded you change 0 from border-radius to 4px (or adjust it as you see fit)
Best regards,
Nikko