[venepress.web]

hello, it is possible to reduce the width of the “top stories” bar

[Theme Horse Support Team]

Hi @venepress-web,

Yes it is possible to reduce but have designed it in a grid layout way, so the layout might get disordered with respective to header and content width.

To reduce the width of Top stories section please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

@media (min-width: 992px) {
	.top-stories-bar .container {
		max-width: 1140px;
	}
}

Please replace the max-width to your desired one.

Thanks

[venepress.web]

Thx!
I’m sorry! It was a bad translation of mine instead of changing the width, I wanted to change the height

[venepress.web]

And sorry for so many so many separate questions

but on this same topic for the top stories bar
I have a stiky menu, is it possible that the top stories bar is also stik with the menu?
both on the main and internal pages.

[Theme Horse Support Team]

Ok no problem,

To reduce the height please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

@media (min-width: 576px) {
	.top-stories-bar,
	.top-stories-bar.top-stories-bar-with-thumbnail,
	.top-stories-bar.top-stories-bar-with-thumbnail .top-stories-lists,
	.top-stories-bar.top-stories-bar-with-thumbnail .top-stories-lists .row,
	.top-stories-bar.top-stories-bar-with-thumbnail .top-stories-lists .marquee,
	.top-stories-bar.top-stories-bar-with-thumbnail .top-stories-lists .marquee a {
		height: 50px;
	}
	.top-stories-bar .top-stories-label .top-stories-label-wrap {
		padding-top: 0;
		padding-bottom: 0;
	}
	.top-stories-bar .top-stories-label .label-txt {
		height: auto;
	}
}
@media (min-width: 576px) {
	.top-stories-bar,
	.top-stories-bar.top-stories-bar-with-thumbnail {
		height: auto;
	}
}
.top-stories-bar .top-stories-post-img {
	height: 35px;
	width: 35px;
}

Here 50px is the height of the Top Stories Bar and 35px is used for the height and width of the posts featured image. If you wish to reduce even more then you can change those values with your desired one. (height and width of featured image should be the same value).

And Sorry for now you cannot make the Top Stories Bar sticky as beneath sticky Navigation. For it you have to hire a developer to customize the code for you.

Thanks

[venepress.web]

Thx!

[Theme Horse Support Team]

Welcome @venepress-web,

Please let us know you have any other queries regarding the theme.

Thanks

[Author]

Posts