can't get rid of white line in sidebar

• 

  elysiaone · Member · Nov 8, 2013 at 9:43 pm

  • Copy link
  • Add topic to favorites

  I added some icons to my sidebar via a text box today, and a white bar appears underneath the top three icons, no matter what I try to do to get rid of it.

  I’m using the Misty Lake theme and the only CSS I’ve changed is to widen the column width.

  http://thenicoli.com

  I’m a noob at this stuff. I’ve searched and searched – sorry if this is too basic of a question to pose here.

  Thanks in advance!

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

• 

  justpi · Member · Nov 9, 2013 at 7:43 am

  • Copy link

  That’s the white space that separates the widget from the next widget. The grey bg doesn’t have the right height because it is affected by the wrap-around effect of the left-aligned images. When you add floating elements (left- or right-aligned), you must clear the floats at the end. Paste this after all the code you’ve added:
  <div style="clear:both;"></div>

• 

  elysiaone · Member · Nov 9, 2013 at 2:57 pm

  • Copy link

  Thank you!!

• 

  jeremeylduvall · Member · Nov 14, 2013 at 4:45 pm

  • Copy link

  Hi Elysia,

  Just to confirm, you were able to get this sorted out correct? I’m no longer seeing the white bar appear on the screen.

  Best,

  Jeremey

• 

  justpi · Member · Nov 14, 2013 at 6:33 pm

  • Copy link

  @Jeremey: That’s what “thank you” means. And you could have confirmed things yourself by checking the code of that text widget.

• 

  elysiaone · Member · Nov 14, 2013 at 9:06 pm

  • Copy link

  @Jeremylduvall – Yes, it’s sorted out. I really appreciate @justpi’s help!

  Take care.