Predefine the resolution of every course thumbnail

Home Forums Legacy Support Support queries Styling issues Predefine the resolution of every course thumbnail

Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #228338
    IBSP
    Spectator
    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
    #228402
    Veronica
    Moderator
    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.
    #228444
    IBSP
    Spectator
    This reply has been marked as private.
    #228447
    IBSP
    Spectator
    This reply has been marked as private.
    #228573
    Veronica
    Moderator
    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
    #228576
    Veronica
    Moderator
    and for this problem https://prnt.sc/pdh7xd please share the page URL.
    #229175
    IBSP
    Spectator
    Thanks, It worked for me, You can close the topic
    #229251
    logan
    Member
    Thanks for confirming. closing this topic.
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Predefine the resolution of every course thumbnail’ is closed to new replies.