CSS Customization – Font and Header help

• 

  eatingininstead · Member · Oct 6, 2012 at 7:23 pm

  • Copy link
  • Add topic to favorites

  I have upgraded to costumize via CSS, but the font style won’t change. I can increase the size of the font only.

  Also, I’m using the Imbalance 2 theme and I want to decrease the padding in the header so there isn’t as much white space in the bottom of the page. Help?

  http://www.eatingininstead.com

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

• 

  timethief · Member · Oct 6, 2012 at 7:37 pm

  • Copy link

  Searching turned up this thread: https://en.forums.wordpress.com/topic/imbalance-2-reducing-white-space-in-heading?replies=4

• 

  eatingininstead · Member · Oct 6, 2012 at 9:06 pm

  • Copy link

  Thank you timethief. I’ve corrected the header spacing issue, but still having trouble changing the font. I’d like to change the fonts on my menu and the text of the posts.

• 

  timethief · Member · Oct 6, 2012 at 9:32 pm

  • Copy link

  I don’t help with CSS editing but there is Staff support for the custom design upgrade.

• 

  eatingininstead · Member · Oct 7, 2012 at 4:12 pm

  • Copy link

  I think I have the above problem fixed, but now I’d like some help changing the color of the text of the posts and aligning the individual post text to the left.

• 

  designsimply · Member · Oct 12, 2012 at 3:57 pm

  • Copy link

  now I’d like some help changing the color of the text of the posts

  This will change the text color for post content when viewing a single post on the Imbalance 2 theme:

  .entry-content {
  	color: red;
  }

  Change the color name to a color code of your choice:
  http://automattic.github.com/Iris/

• 

  designsimply · Member · Oct 12, 2012 at 3:58 pm

  • Copy link

  now I’d like some help aligning the individual post text to the left

  Here is an example to help get you started:

  .post_title h1,
  .post_title h2,
  .entry-content {
  	margin-left: 0;
  	width: 100%;
  }
  
  #entry-author-info {
  	margin-left: 120px;
  }
  
  #comments {
  	padding: 0;
  	width: 100%;
  }
  
  #nav-above {
  	float: none;
  	padding-right: 0;
  	text-align: left;
  }

  Note that you may want to add or remove some of the selectors or adjust some of the numbers until it looks the way you want.

• 

  eatingininstead · Member · Nov 1, 2012 at 1:21 am

  • Copy link

  Thank you! This is great! Can you offer help on changing the color of my links?

• 

  designsimply · Member · Nov 30, 2012 at 12:03 am

  • Copy link

  Can you offer help on changing the color of my links?

  The Imbalance 2 theme sets different link colors for various parts of the theme. To change colors in general, I would recommend starting with the Colors & Backgrounds settings in the Appearance → Themes → Customize section. If changing colors there doesn’t get you to what you’re looking for, then you can target some types of links specifically (but you need to be specific about which ones you’re trying to change).