- This topic has 3 replies, 2 voices, and was last updated 3 years, 7 months ago by Theme Horse Support Team.
-
AuthorPosts
-
November 11, 2020 at 9:16 pm #82857David HumphreysParticipant
Hi 🙂
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 TeamKeymasterHi 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 HumphreysParticipantHi 🙂
Yes please could you send me the CSS?
Many thanks!
Dave
February 5, 2021 at 2:34 pm #86077Theme Horse Support TeamKeymasterWe 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.