Changing line spacing in post title

• 

  windwhistle · Member · Nov 18, 2013 at 1:27 am

  • Copy link
  • Add topic to favorites

  The “latest post” on my home page today has a two-line title and I’m reminded again that 2-line titles look bad in my theme. The line spacing / line height needs to be reduced and there needs to be more space between the title and the image above it. (The feature titles below need adjusting too but it’s less obvious with the smaller type.) Every time I try to make these adjustments, I end up introducing unintended changes somewhere else.

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

• 

  justpi · Member · Nov 18, 2013 at 4:51 am

  • Copy link

  Turn this:

  .latest_post_title a {
  font-family: ff-meta-serif-web-pro,“Times New Roman”,serif;
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 20px;
  }

  to:

  .latest_post_title {
  font-size: 24px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 24px !important;
  margin-top: 20px !important;
  }

• 

  windwhistle · Member · Nov 18, 2013 at 8:01 pm

  • Copy link

  That fixed the line height, but broke the font in Chrome and Safari.

  (I sometimes think I should delete all my font specifications and start over, since they are the result of months of changes back and forth between TypeKit fonts, WP customization fonts, and default web fonts.)

• 

  windwhistle · Member · Nov 18, 2013 at 8:26 pm

  • Copy link

  Tried same code use with .feat_title (in our other discussion) and it seems to have fixed .latest_post_title across all three browsers. So I’m going to hold my breath and keep my hands off those items — for a few days at least. Thanks for your help and patience.

• 

  justpi · Member · Nov 18, 2013 at 9:01 pm

  • Copy link

  You’re welcome.
  But I’m seeing you repeated part of your previous mistake. Don’t apply everything to .latest_post_title a – apply only the font-family to it:

  .latest_post_title {
  font-size: 24px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 24px !important;
  margin-top: 20px !important;
  }
  .latest_post_title a {
  font-family: ff-meta-serif-web-pro-1,ff-meta-serif-web-pro-2,georgia,serif !important;
  }

• 

  windwhistle · Member · Nov 18, 2013 at 10:22 pm

  • Copy link

  Oh, I see. Had to read that about three times to see the distinction. I think I’ve got it now.

• 

  windwhistle · Member · Nov 18, 2013 at 10:23 pm

  • Copy link

  Thanks again for your patience. You’ve gone way beyond just answering a question.