[Theme Horse Support Team]

Hi neba34,

We do understand your requirement but the post numbers are limit on Free Version and cannot be increased just through provide the Custom CSS code, the Theme Code should be Customized or you need to upgrade to a Premium Version where you can have access to increase the number of post for every widgets and sections even with lots more features.

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

Thanks

[Theme Horse Support Team]

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

body,
input,
textarea,
select
.post-boxed .entry-content p {
	color: #000000;
}

Thanks

[Theme Horse Support Team]

Hi Harsha,

We do understand your requirement but it cannot be done just through Custom CSS code. Some widgets and sections are controlled with the scripts even if you show widgets side by side then the design grid layout will go off.

If you still need to show side by side then let us know we will provide you the possible Custom CSS code.

Thanks

[Theme Horse Support Team]

Hi the5krunner.comy,

Your code is slightly wrong with some quote signs also with the embed code has some wrong attribute syntax. please copy the below code and replace with the new fresh embed code. That should definitely work with responsive width.

<div class="embed-responsive embed-responsive-16by9">
 {paste here the Embed Code}
</div>

Thanks

[Theme Horse Support Team]

Hi,

Sorry for the late response, Our Support Team might have missed your topic.

to achieve that you have to use the SEO plugin where you can get lot of features related to SEO ranking. You can set Title, description and Featured Image for each specific post.
We recommend you to use Yoast Plugin

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]

Hi dfreeman,

for the complete dark mode.
1- change the background color to dark/black (‘Appearance > Customize > Color > Elements > Background Color).
2- change the content color to light/light-gray (‘Appearance > Customize > Color > Font Color > Content Color).
3- change Headings/Titles color to light/White (‘Appearance > Customize > Color > Font Color > Headings/Titles Color).
Then please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

.widget-area .widget-title {
	background-color: transparent;
}
.post-boxed.main-post .entry-title,
.post-boxed.main-post .entry-title a:not(:hover),
.mags-widget-card-block-posts .post-boxed .entry-title,
.mags-widget-card-block-posts .post-boxed .entry-title a:not(:hover),
.site-footer .widget-area .post-boxed.main-post .entry-title,
.site-footer .widget-area .post-boxed.main-post .entry-title a:not(:hover),
.site-footer .widget-area .mags-widget-card-block-posts .post-boxed .entry-title,
.site-footer .widget-area .mags-widget-card-block-posts .post-boxed .entry-title a:not(:hover),
.mags-widget-recent-posts .nav-link:hover,
.mags-widget-recent-posts .nav-link.active,
.featured-stories .post-boxed .entry-title,
.featured-stories .post-boxed .entry-title a:not(:hover),
.post .entry-title,
.post .entry-title a:not(:hover),
.comments-title, .comment-reply-title {
	color: #333333;
}
input,
textarea,
select,
.post-boxed.main-post,
.post-boxed.main-post .entry-content p,
.post-boxed.main-post .entry-meta:not(.category-meta),
.post-boxed.main-post .entry-meta:not(.category-meta) a:not(:hover),
.mags-widget-card-block-posts .post-boxed,
.mags-widget-card-block-posts .post-boxed .entry-content p,
.mags-widget-card-block-posts .post-boxed .entry-meta:not(.category-meta),
.mags-widget-card-block-posts .post-boxed .entry-meta:not(.category-meta) a:not(:hover),
.site-footer .widget-area .post-boxed.main-post,
.site-footer .widget-area .post-boxed.main-post .entry-content p,
.site-footer .widget-area .post-boxed.main-post .entry-meta:not(.category-meta),
.site-footer .widget-area .post-boxed.main-post .entry-meta:not(.category-meta) a:not(:hover),
.site-footer .widget-area .mags-widget-card-block-posts .post-boxed,
.site-footer .widget-area .mags-widget-card-block-posts .post-boxed .entry-content p,
.site-footer .widget-area .mags-widget-card-block-posts .post-boxed .entry-meta:not(.category-meta),
.site-footer .widget-area .mags-widget-card-block-posts .post-boxed .entry-meta:not(.category-meta) a:not(:hover),
.featured-stories .post-boxed,
.featured-stories .post-boxed .entry-content p,
.featured-stories .post-boxed .entry-meta:not(.category-meta),
.featured-stories .post-boxed .entry-meta:not(.category-meta) a:not(:hover),
.post,
.post .entry-meta:not(.category-meta),
.post .entry-meta:not(.category-meta) a:not(:hover),
.comments-area {
	color: #555555;
}

Hope it works as you needed

Thanks

[Theme Horse Support Team]

Hi Carl Cooper,

Yes you can install the Theme without the Demo Content. Your content will auto works when installing the New theme.

Thanks

[Theme Horse Support Team]

Hi,

Our Developers review team have checked the Theme again and there is no such issue on Widgets. Even you can check on our Demo Site here.
Could you please share us some screenshots of show issue that you are facing.

We will investigate with some more possibilities on issue.

Thanks

[Theme Horse Support Team]

Hi locksoft,

We think Fontawesome font files are missing in the Theme. Please reinstall the Fresh Copy of Theme or some external plugin might have affected the theme as we found that there are 2 Fontawesome CSS file load in the theme.

Thanks and let us know if the issue still persist.

[Theme Horse Support Team]

Hi pepsi,

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

.widget_nav_menu .menu-item-has-children .sub-menu,
.widget_nav_menu .menu-item-has-children .current-menu-item ~ .menu-item {
	display: none;
}
.widget_nav_menu .current-menu-ancestor .sub-menu,
.widget_nav_menu .current-menu-parent .sub-menu {
	display: block;
}
.widget_nav_menu .current-menu-ancestor .sub-menu .sub-menu,
.widget_nav_menu .current-menu-parent .sub-menu .sub-menu {
	display: none;
}
.widget_nav_menu .menu-item-has-children:hover .sub-menu,
.widget_nav_menu .menu-item-has-children:hover .current-menu-item ~ .menu-item {
	display: block;
}

Thanks

[Theme Horse Support Team]

Hi vj.beluha,

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

.site-content #primary {
	-ms-flex: 0 0 70%;
	flex: 0 0 70%;
	max-width: 70%;
}
.site-content #secondary {
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
	max-width: 30%;
}

we have made the combination of 70% and 30%. you have change the percent of your own but make sure the total percent should be 100%.

Thanks

[Theme Horse Support Team]

Hi harun,

You have directly used the embedded code. You need to wrap the embedded code. You have to wrap the embed code with the class ’embed-responsive’ & ’embed-responsive-16by9′ to make responsive. So Please wrap the embedded code with the class ’embed-responsive’ and ’embed-responsive-16by9′.

<div class="embed-responsive embed-responsive-16by9">
  (Paste your embedded code here)
</div>

Please paste the embedded code as mentioned above.
OR
If you are using the WordPress 5+ then you can use the Embeds Block Features of Gutenberg on the page/post editor page which will be very easy to use the embedded code with out any HTML code customization.

[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 Tourist Xperience,

We found that you have customized the Theme so some CSS properties have been override. Please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

.featured-section .gutter-10,
.featured-section .gutter-parent-10,
.featured-section .gutter-parent-10 .row {
	margin-left: -5px !important;
	margin-right: -5px !important;
}

[Author]

Posts