[David Humphreys]

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

[Theme Horse Support Team]

Hi 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

[David Humphreys]

Hi 🙂

Yes please could you send me the CSS?

Many thanks!

Dave

[Theme Horse Support Team]

We 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

[Author]

Posts