weird html for heading font

• 

  quirkyhill · Member · Mar 22, 2012 at 5:14 pm

  • Copy link
  • Add topic to favorites

  can anyone help me check if all the words in this entry can be seen clearly? http://quirkyhill.wordpress.com/2012/03/21/in-praise-of-fruit-flies/

  i set this in heading 1: In praise of … fruit flies

  but somehow it appears as white and there’s a big gap between it and the text on top. i checked the html but there doesnt seem to be a problem. when i change to heading 2, the problems go away.

  also, are all text set into the heading font automatically centre aligned? many thanks!

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

• 

  justpi · Member · Mar 22, 2012 at 9:08 pm

  • Copy link

  The styling of these elements is defined in the CSS of the theme. In the theme you’re using, h1 is white (because it’s used for the blog title, and the blog title is set against a colored background) and with a huge top padding; h2 is centered.
  But h tags have a meaning for search engines and screen readers, so setting some text as an h1 or h2 etc should only be used if that text is actually a heading, not in order to change the size of the text or whatever. To change the styling of the text, you need to use some coding in the HTML editor. See here:

  Formatting text pt. 5: color, size, and font

• 

  quirkyhill · Member · Mar 23, 2012 at 12:47 pm

  • Copy link

  thanks!