Centering Blog posts

• 

  thepictureladylaurakathryn · Member · Feb 4, 2015 at 4:13 am

  • Copy link
  • Add topic to favorites

  Hi!
  I have a specific category for my blog postings to keep them separate from my photography information. I have noticed that the blog posts seem to be off center. please see the link below:
  http://laurakathrynphotography.com/2014/05/01/eight-things-your-photographer-wants-to-tell-you/#comments
  Is there an easy way to center the postings with CSS??

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

• 

  staff-happychia · Staff · Feb 4, 2015 at 10:16 am

  • Copy link

  Please try this style and see if you like the result:

  .content-area {
      padding-left: 100px;
  }

• 

  thepictureladylaurakathryn · Member · Feb 4, 2015 at 11:12 pm

  • Copy link

  It worked, but now the rest of the pages are off centered???
  Can I use this code for JUST specific posts??

• 

  staff-happychia · Staff · Feb 5, 2015 at 8:46 am

  • Copy link

  Oops. Okay so let’s restrict this style to single post pages. I checked that this style is not affecting other pages, but if you notice any discrepancies elsewhere, please let me know :-)

  .single-post .content-area {
      padding-left: 100px;
  }

• 

  staff-happychia · Staff · Feb 5, 2015 at 8:47 am

  • Copy link

  We can also target specific posts too but above style targets ALL single post pages.

• 

  thepictureladylaurakathryn · Member · Feb 7, 2015 at 4:41 am

  • Copy link

  That worked great!

  Is there a way to change back ground colors of specific post categories?

  If you see my CSS customization, I’ve had help with targeting specific pages and how to get a certain look to them via different colors.

  Can I do this with posts as well??

• 

  staff-happychia · Staff · Feb 7, 2015 at 6:08 am

  • Copy link

  We can change the background color of your category pages:

  /* CATEGORY: FEATURED SESSIONS */
  
  body.category-83106693 #content {
      background-color: green;
  }
  
  /* CATEGORY: TO MY CLIENTS */
  body.category-15010744 #content {
  	background-color: yellow;
  }
  
  /* CATEGORY: LAURA KATE */
  body.category-43896432 #content {
  	background-color: orange;
  }

• 

  thepictureladylaurakathryn · Member · Feb 8, 2015 at 4:26 am

  • Copy link

  Ok! One more thing….
  What about changing the background or content colors of the individual posts within these categories?

  For instance, could I change the color behind the text on this particular link:
  http://laurakathrynphotography.com/2014/05/01/eight-things-your-photographer-wants-to-tell-you/
  to look similar to this one:
  http://laurakathrynphotography.com/faq/

• 

  staff-happychia · Staff · Feb 8, 2015 at 8:05 am

  • Copy link

  We can change the background color of any post once we know the id of the post (postid-459 for the post you mentioned):

  .postid-459 .site-content {
      background: #aaa;
  }

  So each time you have a new post, you need to figure what is the id and use it in CSS.

• 

  thepictureladylaurakathryn · Member · Feb 8, 2015 at 3:53 pm

  • Copy link

  Ok I know how to do that. :) Thanks for all your help I truly appreciate it :)