badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Reply To: Top Stories Width

#76167

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