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*
View all Themes

Changing Font Color on background page

Tagged: , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 2, 2021 at 6:31 pm #90092
    dfreeman
    Participant

    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

    July 5, 2021 at 10:53 am #90180
    Theme Horse Support Team
    Keymaster

    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
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.