Blog Formatting Off

• 

  falseprofitscomedy · Member · Aug 16, 2014 at 1:11 am

  • Copy link
  • Add topic to favorites

  On our blog, the first lines of our posts format weird (bigger and not white like rest of the p-text). There is no code to suggest why the first line is formatted differently from the rest. How do we fix this?

  Reference this post – http://fpcomedy.com/2014/04/07/500-fans/

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

• 

  rachelmcr · Member · Aug 18, 2014 at 5:00 pm

  • Copy link

  Hi there,

  That formatting is part of the design in the Collective theme you’re using. You can see an example in the theme demo here: http://collectivedemo.wordpress.com/blog/

  That part of the design is controlled by the theme’s CSS. Here’s the CSS being used:

  .article > p:first-of-type {
  color: #999999;
  font-weight: 400;
  font-size: 1.3em;
  line-height: 1.5;
  }

  In other words, it uses the .article class selector to focus on your blog posts, and then finds the first paragraph in the post to apply that formatting.

  You can add your own custom CSS with the colors and font settings you prefer — that will overwrite your theme’s default CSS.

  If you’re new to CSS, we also have tips for getting started here:

  • CSS Basics
  • Editing CSS
  • How to Find Your Theme’s CSS

  And if you have other CSS questions, most of our CSS support is done in the CSS Customization forum by expert staff and volunteers:

  https://en.forums.wordpress.com/forum/css-customization

  Please let me know if you have any questions about that. :)