Unwanted shadows in small graphics, Mistylook theme

• 

  alanoldstudent · Member · Nov 3, 2009 at 9:21 am

  • Copy link
  • Add topic to favorites

  This is a question about my new WordPress.com blog.

  I placed a graphic in my posting found here.
  http://alanoldstudent.wordpress.com/2009/11/02/how-i-lost-70-pounds-and-how-you-can-too/

  The purpose of the graphic was to provide a simple divider. In both Firefox 3.5 and IE 7, there is an unwanted border with a shadow around that graphic. How can I get rid of that?

  Regards,

  Alan OldStudent

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

• 

  panaghiotisadam · Member · Nov 3, 2009 at 9:57 am

  • Copy link

  That’t the way your theme displays images – you cannot get rid of it directly. You can switch the editor to html and use this in place of the graphic:
  <div style="width:133px;height:3px;background:#b19569;margin-top:1.2em;margin-bottom:1.2em;"></div>

• 

  alanoldstudent · Member · Nov 3, 2009 at 6:38 pm

  • Copy link

  Thanks Panaghiotisadam,

  I appreciate the hint. It worked out well.

  Regards,

  Alan OldStudent

• 

  panaghiotisadam · Member · Nov 3, 2009 at 7:42 pm

  • Copy link

  You’re welcome.

• 

  panaghiotisadam · Member · Nov 3, 2009 at 7:46 pm

  • Copy link

  PS You can change the numbers to change length, thickness, and space above and/or below the line. (You can change the hex color code too, but b19569 is the color you had in your graphic.)