• Plans & Pricing
  • Log in
  • Get started
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress 
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Get started
  • Sign up
  • Log in
About
  • Plans & Pricing
Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress  
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Jetpack App
  • Learn more
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Search
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Forums / CSS to change blog/post page background or font colors (Twenty Twenty theme)

CSS to change blog/post page background or font colors (Twenty Twenty theme)

  • Unknown's avatar
    heathergilchristea65215542 · Member · May 29, 2023 at 11:06 am
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    I just upgraded my plan to premium in order to access CSS customization to hopefully fix this issue (I can’t afford the business plan, so no plugins). My theme is Twenty Twenty. The background I uploaded works great for my homepage but is it too dark for the blog/posts page because the Reply To/Comments section uses black font and the Share This (Share buttons) uses a medium grey font. There doesn’t appear to be a built-in way to customize those fonts. Also, the background just isn’t suitable. What CSS can I use to change the theme background on the posts/blog page? Since I’m using wordpress.com/hosted, it needs to be done through the Theme Customizer > Customize CSS from what I understand. Alternatively, being able to change the font colors of both the Reply To/Comment section and Share This/Share buttons would also fix the main problem. There doesn’t seem to be a way to do this.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    dragstor · Member · May 29, 2023 at 2:07 pm
    • Copy link Copy link

    Hi there!

    Can you try with th is CSS snippet (you can add it by navigating to Appearance → Additional CSS):

    /* "Share This" — Font Color */
    #site-content .entry-content div.sharedaddy h3.sd-title, #site-content .entry-content h3.sd-title {
        color: white;
    }
    
    /* "Leave a Reply" — Font Color */
    #reply-title {
        color: white;
    }

    Let us know if this helped!

  • Unknown's avatar
    heathergilchristea65215542 · Member · May 29, 2023 at 9:34 pm
    • Copy link Copy link

    THANKS! This was really helpful for the individual posts! But now I’m realizing there is a similar issue with my actual posts page that collects all the posts in one place — the theme obscures the header (header font is black). Is there a way to either put a white background behind the post headers or change their font color to white (preferably the white background because then it would blend into the post bodies). Because it’s the post page, it doesn’t have the Edit Page option.

  • Unknown's avatar
    heathergilchristea65215542 · Member · May 29, 2023 at 9:43 pm
    • Copy link Copy link

    I found it by myself! Here it is for anyone else who ends up needing it:

    body.blog .entry-header { background-color: white; }

  • The topic ‘CSS to change blog/post page background or font colors (Twenty Twenty theme)’ is closed to new replies.

Tags

  • account
  • CSS
  • design
  • payment

About this topic

  • In: Support
  • 2 participants
  • 3 replies
  • Last activity 3 years
  • Latest reply from heathergilchristea65215542

Couldn't find what you needed?

Contact us

Contact us

Get answers from our AI assistant, with access to 24/7 expert human support on paid plans.

Browse our guides

Browse our guides

Find step-by-step solutions to common questions in our comprehensive guides.

WordPress.com

Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Professional Email
  • Website Design Services
  • WordPress Studio
  • Enterprise WordPress
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • WordPress.com Blog
  • Business Name Generator
  • Logo Maker
  • WordPress.com Reader
  • Accessibility
  • Remove Subscriptions
Help
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
  • Developer Resources
Company
  • About
  • Press
  • Terms of Service
  • Privacy Policy
  • Do Not Sell or Share My Personal Information
  • Privacy Notice for California Users
DeutschEspañolFrançaisBahasa IndonesiaItalianoNederlandsPortuguês do BrasilSvenskaTürkçeРусскийالعربيةעִבְרִית日本語한국어简体中文繁體中文English

Mobile Apps

  • Download on the App Store
  • Get it on Google Play

Social Media

  • WordPress.com on Facebook
  • WordPress.com on X (Twitter)
  • WordPress.com on Instagram
  • WordPress.com on YouTube

Automattic

Automattic
Work With Us
    • WordPress.com Forums
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • Manage subscriptions