[dfreeman]

I would like to change the font color on my website’s background page and on the post page for the sidebar from grey to white. IS there a way to do that? So, I changed my background from light grey to black. The problem is you can’t see the words for headlines or photo captions. Well, the photo captions in black. On the page where articles and posts are, the sidebar font coloring is dark grey or black. I would like to change that to white as well. Am I am able to do that or do I have go back to the lighter background color? Please advise. Website is news4usonline. Thanks, dfreeman

[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

[Author]

Posts