Add Dynamic Sidebar to Exisiting WordPress Theme?

You've got some issues with out of place div and ul tags that will cause layout problems. See InvalidMarkup Validation of itsdaniel0.com - W3C Markup Validator . Scroll down in the validation report to see line numbers and source code.

Up vote 0 down vote favorite share g+ share fb share tw.

I'm using the SoulVision WordPress theme, I'm trying to add a bottom sidebar to the already existing Top, Left and Right sidebars, however, I can't get it to successfully work. Any help would be appreciated. My coding is below.

Style. Css /*-- Sidebar settings --*/ #sidebar { float:right; width:400px; color:#DEDABF; margin-top:0px; position:relative; font-size:11px; } #sidebar a:hover { color: #C58556; text-decoration: none; } #sidebar h2 { font-size:14px; font-weight:bold; border:1px solid #8E6140; margin:0; padding:3px 0 6px 8px; background: url(images/h2-bg. Jpg) repeat-x left top; } #sidebar ul li strong { color:#FC0; } #sidebar-top { width:390px; padding:5px; } .

Sidebar-top-box { margin-bottom:10px; padding:0; border-top: none; border-right: 1px solid #8E6140; border-bottom: 1px solid #8E6140; border-left: 1px solid #8E6140; } . Box-padding { padding:7px; } . Sidebar-top-box p { margin-top:3px; margin-bottom:3px; } #sidebar-top h2 { margin-top:10px; color:#CFA97E; } #sidebar-top .

Textwidget { margin-bottom:10px; padding:7px; border-right: 1px solid #A1674F; border-bottom: 1px solid #A1674F; border-left: 1px solid #A1674F; } #sidebar-top ul ul { list-style-type:none; margin-bottom:10px; padding:10px 7px 7px 12px; border-right: 1px solid #8E6140; border-bottom: 1px solid #8E6140; border-left: 1px solid #8E6140; } #sidebar-top ul ul li { padding-left:10px; list-style-type:none; background-image:url(images/lidot. Gif); background-repeat:no-repeat; background-position:left top; padding-bottom:3px; } #sidebar-top ul li a { text-decoration:none; } #sidebar-top . Box-ads a{ text-decoration:none; } #sidebar-left { float:left; width:215px; padding:0 10px 0 5px; } #sidebar #sidebar-left h2, #sidebar #sidebar-right h2 { margin:15px 0 10px; color: #CFA97E; } #sidebar-right { float:right; width:153px; padding:0 5px 0 10px; } #sidebar-left ul ul, #sidebar-right ul ul { padding-left:5px; } html, #sidebar ul, #sidebar-wrap ul, .

Rel-posts ul { margin:0; padding:0; } #sidebar-right li, #sidebar-left li { background:url(images/lidot. Gif) no-repeat left top; list-style:none; margin:0; padding:0 0 5px 8px; } #sidebar-left . Children, #sidebar-right .

Children { padding-top: 8px; } #sidebar-left ul. Children li, #sidebar-right ul. Children li { padding-bottom: 3px; padding-top: 0px; } #sidebar h2 a.

Rsswidget { color: #CFA97E; text-decoration: none; } #sidebar . Rsswidget img { float: left; margin-top: 2px; margin-right: 7px; } /*-- Bottom Sidebar --*/ #sidebar-bottom { width:390px; padding:5px; } . Sidebar-bottom-box { margin-bottom:10px; padding:0; border-top: none; border-right: 1px solid #8E6140; border-bottom: 1px solid #8E6140; border-left: 1px solid #8E6140; } .

Box-padding { padding:7px; } . Sidebar-bottom-box p { margin-top:3px; margin-bottom:3px; } #sidebar-bottom h2 { margin-top:10px; color:#CFA97E; } #sidebar-bottom . Textwidget { margin-bottom:10px; padding:7px; border-right: 1px solid #A1674F; border-bottom: 1px solid #A1674F; border-left: 1px solid #A1674F; } #sidebar-bottom ul ul { list-style-type:none; margin-bottom:10px; padding:10px 7px 7px 12px; border-right: 1px solid #8E6140; border-bottom: 1px solid #8E6140; border-left: 1px solid #8E6140; } #sidebar-bottom ul ul li { padding-left:10px; list-style-type:none; background-image:url(images/lidot.

Gif); background-repeat:no-repeat; background-position:left top; padding-bottom:3px; } #sidebar-bottom ul li a { text-decoration:none; } #sidebar-bottom . Box-ads a{ text-decoration:none; } sidebar. Php With the following code, my sidebars display like this - i.imgur.com/omMfa.png But if I change the sidebar.

Php code to this Then the sidebar will display like this - i.imgur.com/UATs6.png So, it appears to me that there's an issue when adding it below the existing ones. Any help would be wonderful. The site can be previewed live at http://www.itsdaniel0.com wordpress wordpress-theming link|improve this question edited Mar 19 '11 at 19:54 asked Mar 19 '11 at 11:54itsdaniel0358 70% accept rate.

You've got some issues with out of place div and ul tags that will cause layout problems. See InvalidMarkup Validation of itsdaniel0.com - W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.

There are a few errors on my site (main FB and Speak/Voice search). However, the Q was answered here - wordpress.stackexchange.com/questions/12.... I needed to add – itsdaniel0 Mar 21 '11 at 6:24.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.