[Theme Horse Support Team]

Hi,

We found the HTML DOM is totally controlled by the script/Plugin. But also we are providing the Custom CSS code below. Please check if it works for you.
Please go to ‘Appearance > Customize > Additional CSS’ and paste the below custom code.

.wp-dark-mode-active .top-stories-bar,
.wp-dark-mode-active .top-stories-bar[data-darkreader-inline-bgcolor] {
	background-color: #ffffff !important;
}
.wp-dark-mode-active .top-stories-bar .top-stories-label,
.wp-dark-mode-active .top-stories-bar .top-stories-label[data-darkreader-inline-bgcolor] {
	background-color: #dddddd !important;
}
.wp-dark-mode-active .top-stories-bar .top-stories-lists {
	background-color: #ffffff !important;
}
.wp-dark-mode-active .top-stories-bar .top-stories-label {
	color: #333333;   
} 
.wp-dark-mode-active .top-stories-bar .top-stories-lists .marquee a:not(:hover) {
	color: #555555;
}

Thanks

[Theme Horse Support Team]

Ok,
we have found that you have added the Additional CSS code. Please remove the below mentioned code that you have added.

.site-content .content-area {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
}

Thanks

[Theme Horse Support Team]

Hi, ozbucakyunus,

Do you mean you want to change the Header Navigation bar to a white one or the Top Stories Section to be white background?
Could you please share your site URL so that we can provide you with the appropriate solution?

Thanks

[Theme Horse Support Team]

Hi Henny,

We don’t think we have designed to show only 50% of the width for the post in mobile view. It should be 100% including the left and right side space.
Could you please share your Site URL so that we can check about the issue that you are facing?
Also, the background images on mobile might not be clear because the image gets stretched according to the height of the section to get fit and covered. The height of the section will obviously be increased in mobile because of the responsive layout.

Thanks

[Theme Horse Support Team]

Hi dave-8341,

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

.entry-meta.category-meta {
	display: none;
}

Thanks

[Theme Horse Support Team]

Hi alfaznewsind,

We have checked the Site but the Featured Image for Sider is working/showing. Is the issue solved for are you still facing the issue? Please let us know.

Thanks

[Theme Horse Support Team]

Hi,

We have checked the code again and it works very well. Could you please share your site URL so that we can check?

Thanks

[Theme Horse Support Team]

Hi giovalt,

We apologize for the last response. We have provided the solution about this on your next ‘Topic’. Please refer to this link here.

Thanks

[Theme Horse Support Team]

Hi giovalt,

We apologize for the late response. Yes, for your solution please go to ‘Theme Directory > template-parts > content.php’. On line no: 33, you will find below line of code.

<div class="post-img" style="background-image: url('<?php echo esc_url(get_the_post_thumbnail_url(get_the_ID(),'full')); ?>');"></div>

please replace the mention code with the below Custom Code:

<img src="<?php echo esc_url(get_the_post_thumbnail_url(get_the_ID(),'full')); ?>" class="img-fluid" alt="">

after that please go to the ‘Dashboard > Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

.page-single-img-wrap {
	background: none;
}
.page-single-img-wrap:before {
	display: none;	
}
.page-single-img-wrap img {
	width: 100%;
}

NOTE: Please make sure you make the child theme first before customizing the Theme code so that your customized code won’t get lost when updating the Theme to a newer version in the future.

Thanks

[Theme Horse Support Team]

Hi, giovalt,

Yes, the images are fit in covered so the layout for grid preview is consistent. If the size of the image is not made consistent then the layout will go off but the Featured Image for post/page single can be made to the original size. For that please go to ‘Appearance > Customize > Additional CSS’ and Paste the below Custom CSS code.

.page-single-featured-image.post-img-wrap:before {
	display: none;
}
.page-single-featured-image.post-img-wrap .a-post-img,
.page-single-featured-image.post-img-wrap .post-img {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}
.page-single-featured-image.post-img-wrap .post-img {
	-o-object-fit: unset;
	object-fit: unset;
	height: auto;
	width: 100%;
}

[Theme Horse Support Team]

Do you mean you want to transform all the TH widgets to 1 column per row? The provided code will only work for Card/Block widget. Please check the code for Card/block Post widget and let us know. We will then provide you the code to that will work for other widgets which previews as multi-column per row.

Thanks

[Theme Horse Support Team]

Hi the.financial.hub21,

It can be done with adding Custom CSS so please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

.newscard-widget-card-block-posts .post-col.col-sm-6 {
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   max-width: 100%;
}

Thanks

[Theme Horse Support Team]

Sorry forgot to provide the next process for script enable.

Please go to ‘Theme Directory > functions.php’. On line no: 254 You will find the below line of code:

if ( ( is_front_page() || is_home() ) && $meta_news_settings['meta_news_top_stories_hide'] == 0 ) {

now replace the above code of line with the code provided below:

if ( $meta_news_settings['meta_news_top_stories_hide'] == 0 ) {

Thanks

[Theme Horse Support Team]

Thank you so much 🙂
We are grateful for it.

Wish you have a great time.

Thanks

[Theme Horse Support Team]

Hi Raffet Ali,

The Theme code need to customized to show ‘Top Stories’ Section on all the pages. For that Please go to ‘Theme directory > header.php’ file and on line no: 180, you will find below line of code:

<?php if ( ( is_front_page() || is_home() ) && $meta_news_settings['meta_news_top_stories_hide'] === 0 ) {

Now replace the above code with the code provided below:

<?php if ( $meta_news_settings['meta_news_top_stories_hide'] === 0 ) {

NOTE: Please make sure you create the Child Theme first before customizing the Theme code so that you won’t lose the customized code when updating the Theme to a Newer Version in future.

Thanks

[Author]

Posts