Modern Course layout 5 side block issue

[MaxineMck]

Hi, Is there a way i can set the side block to be top align instead on bottom align as the information keeps cutting off at the bottom. http://prnt.sc/u1t50i

[Diana]

On this Block, we added a property to scroll it down always. Better to use any other layout

[MaxineMck]

Hi, If you look at the picture attached the side bar is actually cutting off, i understand that it will bottom aligned but i need to be able to see everything https://prnt.sc/u3c4hc

[Diana]

Paste this custom CSS and paste in wp-admin > appearance > customize > custom css .single-course .course_header5_sideblock div#item-header-avatar img{ height:250px !important; } So I managed to reduce the height of the image resulting in the reduced height of the course block and now all the information will be visible http://prntscr.com/u3vu71

[MaxineMck]

Hi, Thank you, you might want to add these to items if you share this solution again, otherwise the image is squished. .single-course .course_header5_sideblock div#item-header-avatar img { height: 250px !important; object-fit: cover; object-position: bottom; }

[Diana]

Yeah..!! Thanks for correcting Closing this topic

[Author]

Posts