Home Forums Free Themes Education Hub News and Events

Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #56545
    Pio Capobianco
    Participant

    I would like to use the Education Hub theme for a site. I would like to remove, on the homepage, the differentiation between News and Events, and display the news on three columns. Can I do this with the pro version of the theme?

    #56587
    wensolutions
    Keymaster

    Hello @pio-capobianco,

    You can display the News in 3 column through the use of custom CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    .recent-news {
        width: 100%;
    }
    
    .recent-events {
        display: none;
    }
    
    .news-post:nth-child(3n+1) {
        clear: both;
    }
    
    .news-post:nth-child(2n+1) {
        clear: none;
    }
    
    .news-post {
        width: 33% !important;
    }

    Regarding premium version, the option to make the news appear in 3 coluumn is not available within the theme . But you can still manage to display the news in 3 column using additional custom CSS.

    Besides this pro version comes with other exciting feature which you might want to consider .

    http://themepalace.com/downloads/education-hub-pro/

    Hope this helps .

    Best Regards!!

    #56622
    Pio Capobianco
    Participant

    Thank you for your reply.

    #56625
    wensolutions
    Keymaster

    Hello @pio-capobianco,

    Glad we could help you .

    If you have any quires further then please let us know.

    Best Regards!!

    #56742
    Pio Capobianco
    Participant

    I have added the additional CSS. Recent news are displayed on three columns, but the three columns are non-responsive. How can I make the three columns responsive?

    #56798
    wensolutions
    Keymaster

    Hello @pio-capobianco,

    To make the news section responsive replace above given CSS with the CSS given below :

    @media(min-width: 769px) {
    .recent-news {
        width: 100%;
    }
    
    .news-post:nth-child(3n+1) {
        clear: both;
    }
    
    .news-post:nth-child(2n+1) {
        clear: none;
    }
    
    .news-post {
        width: 33% !important;
    }
    }
    
    .recent-events {
        display: none;
    }

    Hope this helps.

    Best Regards!!

    #56809
    Pio Capobianco
    Participant

    Thanks!

    #56815
    wensolutions
    Keymaster

    Hello @pio-capobianco,

    Glad we could help you .

    If you have any issue further, please let us know.

    Best Regards!!

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