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

• 

  heathergilchristea65215542 · Member · May 29, 2023 at 11:06 am

  • Copy link
  • 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)

• 

  dragstor · Member · May 29, 2023 at 2:07 pm

  • 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!

• 

  heathergilchristea65215542 · Member · May 29, 2023 at 9:34 pm

  • 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.

• 

  heathergilchristea65215542 · Member · May 29, 2023 at 9:43 pm

  • 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; }