Home Forums Pro Themes Education Hub Pro News Section

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #30530
    Anonymous
    Inactive

    Hey guys!

    on https://www.mti-schmidt.com we’ve got a challenge with the news.
    As you see the news are displayed in differently sizes.
    How can we fix the size. so it looks like equal squares ?

    Or is there any option to view the news in a blog style one after one ?

    Thanks in advance.

    #30556
    wensolutions
    Keymaster

    Hello @edu_horse,

    As the title / Content of the posts you have used in the news section is not equal for all the posts and the section itself takes height as per the contents, the news items are not perfectly aligned as a “square” layout.

    However, you can try using the following Custom CSS in your Admin Dashboard > Appearance > Customize > Additional CSS to change the layout of the posts to display it in the single column format :

    @media (min-width: 768px)
    {
    
    .news-post {
        width: 100%;
    }
    .news-post img {
        width: 30%;
        float: left;
    }
    .news-content {
        width: 68%;
        float: left;
        margin-left: 2%;
    }
      
    }

    Hope this Helps,

    Best Regards !!

    #30566
    Anonymous
    Inactive

    Thanks a lot!
    This is even better than we expected.

    #30568
    wensolutions
    Keymaster

    Hello @edu_horse,

    Glad we could help you !!

    If you have any issues further, please feel free to post your queries and we will happily help you further.

    We will really appreciate if you could help us too by rating our theme in WordPress repo here:-
    https://wordpress.org/support/theme/education-hub/reviews/

    Best regards !!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.