- This topic has 7 replies, 2 voices, and was last updated 7 years, 1 month ago by .
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- You must be logged in to reply to this topic.
Home › Forums › Free Themes › Education Hub › News and Events
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?
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!!
Thank you for your reply.
Hello @pio-capobianco,
Glad we could help you .
If you have any quires further then please let us know.
Best Regards!!
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?
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!!
Thanks!
Hello @pio-capobianco,
Glad we could help you .
If you have any issue further, please let us know.
Best Regards!!
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |