- This topic has 3 replies, 2 voices, and was last updated 3 years, 5 months ago by
Theme Horse Support Team.
-
AuthorPosts
-
November 11, 2020 at 9:16 pm #82857
David Humphreys
ParticipantHi 🙂
As title. On Newscard Pro, my homepage uses TH: Horizontal/vertical posts and there is currently one lead story and 4 smaller stories – how can I reduce this to 2 smaller stories plus the lead story?
Many thanks!
Dave
November 17, 2020 at 5:31 pm #82977Theme Horse Support Team
KeymasterHi David Humphreys,
The TH: Horizontal/vertical posts widget is designed to fit the Grid Layout. Reducing 2 smaller posts might not affect the layout on Horizontal Post Option but the layout will affected and design goes off on Vertical Post Option.
So will that be Ok, If you are then you will provide you Custom CSS code to reduce 2 smaller posts.
Thanks
February 4, 2021 at 6:23 pm #86065David Humphreys
ParticipantHi 🙂
Yes please could you send me the CSS?
Many thanks!
Dave
February 5, 2021 at 2:34 pm #86077Theme Horse Support Team
KeymasterWe have provided 3 optional Custom CSS code 1. for Post Vertical, 2. for Post Horizontal and 3. for Both Post Vertical and Post Horizontal. You can use the Custom CSS code as per your requirement.
Please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.
1. For Post Vertical Only
.newscard-widget-horizontal-vertical-posts .post-vertical .second-col .post-boxed:nth-child(3), .newscard-widget-horizontal-vertical-posts .post-vertical .second-col .post-boxed:nth-child(4){ display: none; }
2. For Post Horizontal Only
.newscard-widget-horizontal-vertical-posts .post-horizontal .second-col .post-col:nth-child(3), .newscard-widget-horizontal-vertical-posts .post-horizontal .second-col .post-col:nth-child(4){ display: none; }
3. For Both Post Vertical and Post Horizontal
.newscard-widget-horizontal-vertical-posts .post-horizontal .second-col .post-col:nth-child(3), .newscard-widget-horizontal-vertical-posts .post-horizontal .second-col .post-col:nth-child(4), .newscard-widget-horizontal-vertical-posts .post-vertical .second-col .post-boxed:nth-child(3), .newscard-widget-horizontal-vertical-posts .post-vertical .second-col .post-boxed:nth-child(4){ display: none; }
Thanks
-
AuthorPosts
- You must be logged in to reply to this topic.