Predefine the resolution of every course thumbnail

[IBSP]

Hi VibeThemes, Can I define the resolution of each course thumbnail to my defined height and width, So that every course have the same size image not like up and down as some thumbnails have different resolutions, Thanks

[Veronica]

hello, you can simply add CSS to set this you can use max-height to restrict the block of the image and also for the entire block of the course thumbnail. .home .block .block_media { position: relative; max-height: 200px !important; } add this css to appearance>>customize>>custom css this will restrict the height of the block of the image to 200px. http://prntscr.com/pddrr2 this will work only on the home page if you want it on another page then let me know.

[IBSP]

This reply has been marked as private.

[IBSP]

This reply has been marked as private.

[Veronica]

hello, for you ALL-COURSES page add this css in appearance>>customize>>custom css this will limitisize the div height .page-id-0 ul#course-list li.course_single_item.course_status_publish { max-height: 250px !important; } and this will limitisize the height of the image .page-id-0 ul#course-list .col-md-4.col-sm-4 .item-avatar { max-height: 225px !important; } refer:http://prntscr.com/pe6lz6

[Veronica]

and for this problem https://prnt.sc/pdh7xd please share the page URL.

[IBSP]

Thanks, It worked for me, You can close the topic

[logan]

Thanks for confirming. closing this topic.

[Author]

Posts