Tagged: catalogue image size
-
AuthorPosts
-
October 28, 2020 at 9:37 am #1256297
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,
October 28, 2020 at 9:58 am #1256300And, 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!
October 28, 2020 at 10:46 am #1256311Hi 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,
NikkoOctober 28, 2020 at 8:06 pm #1256462This is a great start! No way to make it rectangular by removing the rounded corners?
Thanks so much!
October 29, 2020 at 5:39 am #1256571Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.
