Text Widget: Text Overlaps Picture

• 

  luxmemories · Member · Oct 29, 2011 at 8:13 pm

  • Copy link
  • Add topic to favorites

  I have a countdown thing on my blog, and the text overlaps the picture no matter what size. Do you know how to fix this?

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

• 

  raincoaster · Member · Oct 30, 2011 at 2:29 am

  • Copy link

  Paste the exact code in teh text widget here between backticks, those little marks usually on the same key as the ~, and we’ll take a look.

• 

  panaghiotisadam · Member · Oct 30, 2011 at 5:43 am

  • Copy link

  a) The span tag is for characters, words or phrases inside a paragraph; there’s no point adding span tags for the whole content of a div. b) The font is so huge you need to control the line height.
  So in all your div tags should be like that:
  <div align="center" style="font-size:4em;line-height:1em;font-weight:bold;">Countdown to</div>
<div align="center" style="font-size:8em;line-height:1.2em;">26</div>
  (1em and 1.2em are just examples, you can change them)

• 

  panaghiotisadam · Member · Oct 30, 2011 at 5:48 am

  • Copy link

  PS You misunderstood raincoaster’s suggestion: she meant paste the code here between backticks, so we can see it, not add backticks to the code in your widget.