spacing between lines

• 

  fransanders · Member · Apr 1, 2014 at 10:15 pm

  • Copy link
  • Add topic to favorites

  Two problems:

  1) How do I fix the spacing so that the paragraph presets Header 1, 2 & 3 don’t have lines sitting on top of each other. There’s quite not enough space between the lines.

  2) There is too much space between the pages in the drop down menu. How do I decrease that space? (for example, see Events) Also the type is too big. How do I make the drop down type smaller?

  I have read thru CSS, but don’t understand; I’ve never worked with CSS before. If I can make the changes some other way, that would be preferable. If with CSS, please be very specific.

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

• 

  designsimply · Member · Apr 1, 2014 at 11:58 pm

  • Copy link

  1) How do I fix the spacing so that the paragraph presets Header 1, 2 & 3 don’t have lines sitting on top of each other. There’s quite not enough space between the lines.

  First, I wouldn’t recommend using the header presets for paragraphs. The headers are designed to work best with short titles. When a title falls to two lines, this theme intentionally makes the spacing between them shorter to make the headings look good. Instead of adjusting the line height for header presents, consider just using paragraphs and making the overall font size bigger using the settings in the Appearance > Customize > Fonts panel. You should see a little number option above each font selection.

  If you would still prefer to use custom CSS to adjust the line height for header presents, this would do it:

  .entry-content h1,
  .entry-content h2,
  .entry-content h3 {
  	line-height: 1.4em;
  }

  Try adding that to your Appearance > Customize > CSS editor if you want to keep using the header presets for paragraphs.

• 

  designsimply · Member · Apr 2, 2014 at 12:01 am

  • Copy link

  2) There is too much space between the pages in the drop down menu. How do I decrease that space? (for example, see Events) Also the type is too big. How do I make the drop down type smaller?

  This will decrease the space between dropdown submenu items in the main menu of the Truly Minimal theme:

  .navigation-main ul ul a {
  	padding: .3em 0;
  }

• 

  designsimply · Member · Apr 2, 2014 at 12:02 am

  • Copy link

  I have read thru CSS, but don’t understand; I’ve never worked with CSS before. If I can make the changes some other way, that would be preferable. If with CSS, please be very specific.

  You might like the videos in this help page!
  http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

  If you watch them, I’d love to hear what you think and whether you found them helpful or not.