CSS for Excerpt

• 

  williamgrovefanning · Member · May 20, 2015 at 4:33 pm

  • Copy link
  • Add topic to favorites

  The default color for any text for the page expert function is grey. I want it to be black.

  What is the class or ID that WP.com uses for the excerpt element so that I can add the appropriate font color to my CSS?

  To get an idea of what I mean, see the front page of the ISEE website. The text in the showcase section is coming from the excerpt field and it is grey (not black).

  My theme is Twenty-Eleven. Thanks!

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

• 

  williamgrovefanning · Member · May 20, 2015 at 4:35 pm

  • Copy link

  Sorry, the website I need help with is http://www.enviroethics.org

• 

  williamgrovefanning · Member · May 21, 2015 at 12:12 am

  • Copy link

  Can anyone help?

• 

  staff-totoro · Staff · May 21, 2015 at 4:16 am

  • Copy link

  Hi there,

  You can try the following block of code, entered into the CSS tab of your site customizer here: https://wordpress.com/customize

  Here is the code to paste in:

  #content .entry-summary { color: #000; }

  Hope that helps. Please let me know if you have any further questions.

• 

  williamgrovefanning · Member · May 21, 2015 at 2:06 pm

  • Copy link

  Worked like a charm, thanks! I scoured the css for the front page and wasn’t able to isolate the id and class combo that you have. I also would not have know that I need both a class (.entry-summary) and an id (#content). Still learning to use my browsers’ inspect element feature.

  Really appreciate the help.

• 

  staff-totoro · Staff · May 21, 2015 at 8:58 pm

  • Copy link

  Yeah that one was tricky. Usually I don’t add an ID in my CSS rules; classes are just more flexible in my experience. However in this case it was needed to make the declaration specific enough to avoid using !important in my declaration.

  This post is probably the best breakdown of the difference between classes and IDs in CSS, if you feel like geeking out: https://css-tricks.com/the-difference-between-id-and-class/

  Cheers!