[Theme Horse Support Team]

Hi wakatta,

Please go to ‘Appearance > Customize > Additional CSS’ and paste the below custom CSS code. Below Code will support the Custom Post Type and will be included on the next Theme Update soon.

.site-main .hentry {
	margin-bottom: 40px;
	padding-bottom: 30px;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.post-grid .hentry {
	margin-bottom: 0;
	padding-bottom: 14px;
	border: 0 none;
	padding-left: 7px;
	padding-right: 7px;
}
.hentry .entry-wrap:before {
	content: "";
	display: block;
	padding-top: 70%;
}
.hentry .entry-wrap {
	position: relative;
	display: block;
	background-position: center center;
	background-size: cover;
}
.hentry .entry-main {
	padding: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	overflow: auto;
}
.post-grid .hentry a {
	color: #777;
}

Thanks

[Theme Horse Support Team]

Hi,

Please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

@media (max-width: 767px) {
	.navbar-collapse,
	.navbar-collapse.show {
		display: block;
	}
	.navbar-collapse {
		position: fixed;
		top: 0;
		left: -100%;
		bottom: 0;
		z-index: 10001;
		padding: 50px 15px 15px;
		margin: 0;
		background-color: #ffffff;
		transition: all ease-in-out 0.2s;
		-webkit-transition: all ease-in-out 0.2s;
		-moz-transition: all ease-in-out 0.2s;
	}
	.navbar-collapse.show {
		left: 0;
		width: 90%;
		box-shadow: 50px 0 100px  rgba(0, 0, 0, 0.7);
		-webkit-box-shadow: 50px 0 100px  rgba(0, 0, 0, 0.7);
		-moz-box-shadow: 50px 0 100px  rgba(0, 0, 0, 0.7);
	}
	.navbar-toggler {
		position: absolute;
		top: 0;
		left: 15px;
		transition: all ease-in-out 0.4s;
		-webkit-transition: all ease-in-out 0.4s;
		-moz-transition: all ease-in-out 0.4s;
		animation-name: navbutton;
	}
	@keyframes navbutton {
	0%   {opacity: 1;}
	50%   {opacity: 1;}
	100%  {opacity: 0;}
}
	[aria-expanded="true"].navbar-toggler {
		position: fixed;
		top: 0;
		left: 15px;
		z-index: 10002;
		color: #000000;
	}
	[aria-expanded="true"].navbar-toggler:before {
		content: "\f00d";
		font-size: 20px;
	}
	.navigation-bar-top {
		min-height: 46px;
	}
	.navigation-bar-top .search-toggle {
		height: 46px;
	}
	.search-block {
		margin-top: 46px;
	}
}

Thanks

[Theme Horse Support Team]

Do you mean you need such change for all the post on mobile view but we thought you only need such change on inline post boxed line horizontal/vertical, recent post, double category widgets. so the previous code was just for them.

Ok go to the same Additional Field and paste the below Custom CSS code.

@media (max-width: 767px) {
.widget .post-boxed:before,
.widget .post-boxed:after,
.post-col .post:before,
.post-col .post:after {
	content: "";
	display: table;
}
.widget .post-boxed:after,
.post-col .post:after {
	clear: both;
}
.post-boxed,
.post-boxed.inlined:not(.main-post) {
	padding: 0;
}
.widget .post-boxed .post-img-wrap,
.newscard-widget-horizontal-vertical-posts .post-boxed.main-post .post-img-wrap,
.newscard-widget-horizontal-vertical-posts .post-boxed.main-post.inlined .post-img-wrap,
.post-boxed.inlined:not(.main-post) .post-img-wrap {
	float: left;
	margin: 0 15px 0 0;
	width: 140px;
	height: 100px;
}
.widget .post-boxed .post-content,
.post-boxed.inlined:not(.main-post) .post-content,
.newscard-widget-horizontal-vertical-posts .post-boxed.main-post.inlined .post-content {
	overflow: hidden;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0;
}
.widget .post-boxed .post-content p,
.widget .post-boxed .post-img-wrap .category-meta,
.post-col .entry-content,
.post-col .post-img-wrap .category-meta {
	display: none;
}
.post-boxed.inlined:not(.main-post) .post-content .entry-title + .entry-meta {
	margin-bottom: 0;
}
.post-col .post {
	padding-bottom: 14px;
}
.post-col .post-featured-image {
	float: left;
	margin-right: 15px;
	margin-bottom: -15px;
	width: 140px;
	height: 100px;
}
}

[Theme Horse Support Team]

Hi the5krunner.com,

Thank You for loving our Theme. Cheers! 🙂

and Please go to ‘Appearance > Customize > Additional CSS’ and Paste the below Custom CSS code.

@media (max-width: 767px) {
	.post-boxed.inlined:not(.main-post) {
		padding: 0;
	}
	.post-boxed.inlined:not(.main-post) .post-img-wrap {
		margin-bottom: 0;
		width: 140px;
		height: 100px;
	}
	.post-boxed.inlined:not(.main-post) .post-content {
		padding-top: 10px;
		padding-right: 10px;
	}
	.post-boxed.inlined:not(.main-post) .post-content .entry-title + .entry-meta {
		margin-bottom: 0;
	}
}

Thanks

[Theme Horse Support Team]

Hi Mravi,

Actually it a Menu description but it can be done manually as you have shared. Add unique Class Name to specific menu (like ‘apro-class’ in example) then add the below Custom CSS code to ‘Appearance > Customize > Additional CSS’.

.apro-class > a:before {
	content: "New";
}
.apro-class > a:before {
	position: relative;
	position: absolute;
	top: -8px;
	right: 15px;
	background-color: #a1b32e;
	color: #ffffff;
	padding: 2px 5px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: normal;
}

@media (max-width: 991px) {
	.apro-class > a {
		display: flex;
	}
	.apro-class > a:before {
		position: inherit;
		top: auto;
		right: auto;
		-ms-flex-order: 2;
		order: 2;
		padding: 3px 5px;
		margin-left: 8px;
	}
}

If you have to add the bubble to other menu item then you have to repeat the same code adding next unique Class Name to menu.

Thanks

[Theme Horse Support Team]

Hi there,

For to stop visitors from choosing a specific page and only click to see the next page (newer or later) just go to theme main directory/index.php on line no:67 you will find below line of code:

<?php the_posts_pagination( array(
	'prev_text' => __( 'Previous', 'newscard' ),
	'next_text' => __( 'Next', 'newscard' ),
	)
);

replace the above code with below one:

<div class="navigation nc-nav">
    <p><?php posts_nav_link('',__( 'Previous', 'newscard' ),__( 'Next', 'newscard' )); ?></p>
</div><?php

Also paste the below custom CSS code in Appearance > Customize > Additional CSS for style for those links:

.navigation.nc-nav a {
	display: inline-block;
	color: #333;
	padding: 15px 25px;
	margin: 0 1px 3px;
	background-color: #ffffff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.navigation.nc-nav a:hover {
	color: #fff;
	background-color: #00236e;
	border-color: transparent;
	text-decoration: none;
	position: relative;
}

Note: We recommended you to customize the theme main code via child theme so that your code won’t lost while you update to the new version of the theme.

Thank you!

[Theme Horse Support Team]

Hi Håkon Vestnes,

Please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

.post,
.hentry,
.product.type-product,
.type-attachment,
.site-content .content-area .widget.widget_media_gallery .gallery,
.comments-area,
.site-main .type-page,
.bbpress .type-forum,
.post-boxed,
.featured-recent-post .recent-post-block,
.widget {
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	padding: 0;
}
.single .post .post-featured-image.page-single-img-wrap,
.single .hentry .post-featured-image.page-single-img-wrap,
.page .type-page .post-featured-image.page-single-img-wrap {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}
.post-boxed {
	min-height: inherit;
}
.post-boxed .post-content {
	padding-left: 0;
	padding-right: 0;
}
.post-boxed.inlined {
	padding: 0;
}
.newscard-widget-horizontal-vertical-posts .post-boxed.main-post .post-content,
.newscard-widget-horizontal-vertical-posts .post-boxed.main-post.inlined .post-content{
	padding-top: 0;
}
.newscard-widget-horizontal-vertical-posts .post-boxed.main-post .post-img-wrap {
	margin-bottom: 16px;
}
@media (min-width: 992px) {
	.widget-area .newscard-widget-horizontal-vertical-posts .post-boxed.main-post.inlined .post-content {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
}
@media (max-width: 767px) {
	.newscard-widget-horizontal-vertical-posts .post-boxed.main-post.inlined .post-content {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
}

Thanks

[Theme Horse Support Team]

Sorry you cannot add the custom text and links on copyright section on free Version. That feature will be available on the PRO Version.

to reduce the spacing on footer widget area, please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

.site-footer .widget-area {
	padding-top: 20px;
	padding-bottom: 0;
}
.site-footer .widget-area .widget {
	margin-bottom: 15px;
}

Thanks

[Theme Horse Support Team]

Hi jack3,

We haven’t updated for making the entry title beneath the images because it will somehow affects the grid Layout design. But if you really want to show the entry title then we have a customized CSS code for you which will help to show entry title above the bottom of the images as overlay. To do so please go to ‘Appearance > Customize > Additional CSS’ and paste the below provided Custom CSS Code.

@media (min-width: 992px) {
	.has-post-thumbnail .entry-wrap .entry-main:not(:hover) {
		opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=100);
		background-color: transparent;
	}
	.has-post-thumbnail .entry-wrap .entry-main:not(:hover) .entry-title {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin-bottom: 0;
		padding: 20px;
		color: #ffffff;
		text-shadow: 0 1px 2px rgba(0,0,0,0.5);
		-webkit-text-shadow: 0 1px 2px rgba(0,0,0,0.5);
		-moz-text-shadow: 0 1px 2px rgba(0,0,0,0.5);
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.8));
		background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.8));
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.8));
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.4));
	}
	.has-post-thumbnail .entry-wrap .entry-main p {
		opacity: 0;
		-moz-opacity: 0;
		filter:alpha(opacity=0);
	}
	.has-post-thumbnail .entry-wrap .entry-main:hover p {
		opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=100);
	}
}

Thanks

[Theme Horse Support Team]

Hi info293,

To make the Navbar centered, please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS Code.

.navbar>.container, .navbar>.container-fluid {
	display: block;
	text-align: center;
}
.navbar-brand,
.main-navigation {
	margin-right: inherit;
	margin-left: inherit !important;
}
.navbar-collapse {
	-ms-flex-pack: center;
	justify-content: center;
	text-align: left;
}
.navbar-toggler {
	position: absolute;
	top: 30px;
	right: 15px;
}

And for the Font Family “Gupter”. Google adds new fonts time to time and the mentioned font is added after our theme updates. We will soon add these on our next updates. For now to add the font “Gupter” on the list please go to the ‘Theme Directory > inc > customizer.php’. on line no: 293 and 294 you will find below codes.

"Gudea" => "Gudea",
"Gurajada" => "Gurajada",

Now add the below provided font code in between of above mention code.

"Gupter" => "Gupter",

After adding, the code should look like this.

"Gudea" => "Gudea",
"Gupter" => "Gupter",
"Gurajada" => "Gurajada",

Now save the file and you will see the ‘Gupter’ font on the Font family list.

Thanks

[Theme Horse Support Team]

Hi sekyfoods,

Please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

.widget .cat-links {
	display: none;
}
.widget_2_column_category .entry-header {
	margin-top: inherit;
}

Thanks

[Theme Horse Support Team]

Hi John,

Please describe the Theme to get the support for or you can post the queries creating topics on respective Theme.
But we recognized you from your previous support posts for NewsCard Pro.

Please go to ‘Appearance > Customize > Additional CSS’ and paste Below Custom CSS code.

.single .post,
.single .hentry,
.page .type-page,
.comments-area {
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	padding: 0;
}
.single .post .post-featured-image.page-single-img-wrap,
.single .hentry .post-featured-image.page-single-img-wrap,
.page .type-page .post-featured-image.page-single-img-wrap {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}

Thanks

[Theme Horse Support Team]

Hi @thomas-igah,

Please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS Code.

.logo {
	margin-top: -50px;
}

Thanks

[MJ]

Help! I cannot seem to fix the 32px margin above the top menu when the WordPress admin bar is disabled.
I tried in my child theme css:

html, * html, body {
    margin-top: 0 !important;
}

But it’s being overridden from somewhere that I can’t find.
Can you help me get rid of this pesky space please?

[Theme Horse Support Team]

Please go to ‘Appearance > Customize > Design Options > Custom CSS’ and paste the below Custom CSS code.

.hgroup-wrap {
	padding-top: 0;
	padding-bottom: 0;
}
#site-logo,
.hgroup-right {
	margin-top: 0;
}

Also to hide the Search Icon, Please go to ‘Appearance > Customize > Design Options > Custom Header’ and check ‘ON’ to ‘Hide Searchform from Header’.

Thanks