Same height of Course Cards in Course Directory

[pablocanedoq]

Hi, Could you please share a code so that all the blocks (course cards) in the Course Directory always keep the same height: https://prnt.sc/1qu0naq https://screencast-o-matic.com/watch/crjv3VVQDkJ Thanks

[Veronica]

hi if you notice that the division for each block is the same difference in both of them is the content available in the title and description http://prntscr.com/1qvfqxm use this in the custom CSS section .wplms_courses_directory.course_card .vibebp_course { height: 710px !important; } .wplms_courses_directory.course_card .vibebp_course .course_card .elementor .elementor-widget-wrap{ height:330px } refer:

[pablocanedoq]

This reply has been marked as private.

[Veronica]

use this: @media(min-width:767px){ .wplms_courses_directory.course_card .vibebp_course { height: 550px !important; } .wplms_courses_directory.course_card .vibebp_course .course_card .elementor .elementor-widget-wrap{ height:330px } }

[pablocanedoq]

Now it is working perfectly. It looks great on both desktop and mobile. Thanks @Veronica I appreciate it.

[Veronica]

thanks for you confirmation

[Author]

Posts