Choco Theme Sidebar problem

• 

  photographicstate · Member · Mar 23, 2011 at 2:57 am

  • Copy link
  • Add topic to favorites

  I can’t seem to figure out when I add a widget to my sidebar why they stack on top of each other instead of doing a list style like the others I have seen. Is there a CSS code I need to change?

  You can see what trouble I’m having here: envisage365.wordpress.com

  Thanks for your help!

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

• 

  thesacredpath · Member · Mar 23, 2011 at 3:58 am

  • Copy link

  Have you made changes to the CSS?

  If you have the CSS upgrade, then you need to do the following

  #sidebar li {
  width: 100%;
  }

  I would probably also do this.

  #sidebar ul li {
  padding-left: 5px;
  }

• 

  thesacredpath · Member · Mar 23, 2011 at 4:01 am

  • Copy link

  You know, before you do that, do the following. Go to settings > writing and select “WordPress should correct invalidly nested XHTML automatically” and then click “save changes.”

  Now, starting with your latest post, open it in the editor, switch from the visual tab to the HTML tab (waiting for the page to refresh) and then switch back to the visual tag (again waiting for it to refresh), and then click “update.” Check your blog and if it is back to normal, you are golden. If not, open the next post and do the same thing till it goes back to normal.

  If the above fails, and you have the CSS upgrade, then go with my original solution.

• 

  photographicstate · Member · Mar 23, 2011 at 4:02 am

  • Copy link

  I have done no work to my CSS. I thought of the same thing. The codes you gave me are what it currently reads.

• 

  thesacredpath · Member · Mar 23, 2011 at 4:06 am

  • Copy link

  You also have a ton of obsolete table type HTML code in the little tables you have inserted into the posts. That shouldn’t be causing an issue, but it does produce 33 validation errors on your blog main page.

• 

  photographicstate · Member · Mar 23, 2011 at 4:10 am

  • Copy link

  @ Thesacredpath, I did what you suggested. Why didn’t I think to nest XHTML, sadly that wasn’t the problem…..I noticed my code was at 33% not 100%. I changed that and it works now. THANK YOU!!!!!

• 

  photographicstate · Member · Mar 23, 2011 at 4:13 am

  • Copy link

  Please give me more information about the added HTML codes in my little tables. I really enjoy HTML codes and am self learning on how to read and figure them out (hope to go to school for it). What are these codes and how to I stop them? If you don’t mind helping me.

• 

  thesacredpath · Member · Mar 23, 2011 at 4:37 am

  • Copy link

  Go here and type in your blog URL and then look at the errors reported on the table stuff. You will have to use inline CSS instead. This will help: http://www.w3schools.com/css/css_table.asp .

  Instead of border=”0″ you would use,

  style="border:0;"

  If you needed border 0 and vertical align middle, and cell padding 0, then you would use

  style="border:0; vertical-align:middle; padding:0;"

• 

  thesacredpath · Member · Mar 23, 2011 at 4:38 am

  • Copy link

  Oops, I forgot the link to the validator.

  http://validator.w3.org/