Home › Forums › Free Themes › Education Hub › News and Events
- This topic has 7 replies, 2 voices, and was last updated 8 years ago by wensolutions. 
- 
		AuthorPosts
- 
		
			
				
October 24, 2017 at 8:29 am #56545Pio Capobianco ParticipantI 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? October 25, 2017 at 12:21 am #56587wensolutions KeymasterHello @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!! October 25, 2017 at 5:56 am #56622Pio Capobianco ParticipantThank you for your reply. October 25, 2017 at 6:48 am #56625wensolutions KeymasterHello @pio-capobianco, Glad we could help you . If you have any quires further then please let us know. Best Regards!! October 26, 2017 at 7:41 am #56742Pio Capobianco ParticipantI 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? October 27, 2017 at 12:44 am #56798wensolutions KeymasterHello @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!! October 27, 2017 at 3:23 am #56809Pio Capobianco ParticipantThanks! October 27, 2017 at 4:33 am #56815wensolutions KeymasterHello @pio-capobianco, Glad we could help you . If you have any issue further, please let us know. Best Regards!! 
- 
		AuthorPosts
- You must be logged in to reply to this topic.
 
	    




