ishan001

Looks like it was happening because I entered centre in style.css instead of center. Replaced it, now testing! WIll update will full code(new one)

Old problem still in “FooterCenter”! Looking to fix it. Others are working fine. Tested with 3 widgets in each!

As I said, dump experts! I solved problem. We were adding Subfooter as widgetized area but the needed thing was 4 sidebars placed in it!

Here’s the working Style.css code;

#subfooter {
width:950px;
overflow: hidden;
margin-left:auto;
margin-right:auto;
height:auto;
background-color:#f3f1e0;
border: 1px solid #D9D6BC;
clear:both;
}  

.FooterLeft {
	width: 225px;
	float: left;
	}

.FooterRight {
	width: 225px;
	float: left;
	}

.FooterCentre {
	width: 225px;
	float: left;
	}

.FooterExtremeRight {
	width: 225px;
	float: right;
	}

#subfooter .FooterLeft .widget {
  margin-bottom: 10px;
  padding: 2px;
  float: left;
  width: 220px;
  display: block;
  position: relative;
}  

#subfooter .FooterCenter .widget {
  margin-bottom: 10px;
  padding: 5px;
  float: left;
  width: 220px;
  display: block;
}  

#subfooter .FooterRight .widget {
  margin-bottom: 10px;
  padding: 2px;
  float: left;
  width: 220px;
  display: block;
}  

#subfooter .FooterExtremeRight .widget {
  margin-bottom: 10px;
  padding: 2px;
  float: left;
  width: 220px;
  display: block;
}  

#subfooter ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#subfooter ul li {
  list-style-type: circle;
  margin: 0px 0px 2px 25px;
  padding: 1px 0px 0px 0px;
}
#subfooter ul li a {
  font-size: 12px;
}
#subfooter

.alignright { float: right; margin-left: 10px; margin-right: 2px;}

.aligncenter { margin-right: auto; margin-left: auto; }

.alignleft { float: left; margin-right: 10px; margin-left:2px;}

Code added to Functions.php(Note: Article Sidebar is default for my theme, no need to add it!)

<?php
 if ( function_exists('register_sidebar') )
register_sidebar(array('name'=>'Article Sidebar','before_widget' => '<div class="widget">','after_widget' => '</div>','before_title' => '<h2>','after_title' => '</h2>',));
 if ( function_exists('register_sidebar') )
register_sidebar(array('name'=>'FooterLeft','before_widget' => '<div class="widget">','after_widget' => '</div>','before_title' => '<h2>','after_title' => '</h2>',));
 if ( function_exists('register_sidebar') )
register_sidebar(array('name'=>'FooterCenter','before_widget' => '<div class="widget">','after_widget' => '</div>','before_title' => '<h2>','after_title' => '</h2>',));
 if ( function_exists('register_sidebar') )
register_sidebar(array('name'=>'FooterRight','before_widget' => '<div class="widget">','after_widget' => '</div>','before_title' => '<h2>','after_title' => '</h2>',));
 if ( function_exists('register_sidebar') )
register_sidebar(array('name'=>'FooterExtremeRight','before_widget' => '<div class="widget">','after_widget' => '</div>','before_title' => '<h2>','after_title' => '</h2>',));

Code to Footer.php

<div id="subfooter">
    <div class="FooterLeft">
            <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('FooterLeft') ) : ?>
			<?php endif; ?>
    </div>	

    <div class="FooterCenter">
        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('FooterCenter') ) : ?>        <?php endif; ?>
	</div>	

    <div class="FooterRight">
            <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('FooterRight') ) : ?>
			<?php endif; ?>
    </div>	

    <div class="FooterExtremeRight">
            <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('FooterExtremeRight') ) : ?>
			<?php endif; ?>
    </div>

Instead of help, this thread turned out to be a self-help discussion for two of us! And we learned a lot!

Dump the experts. I think I have found the problem. I saw a free theme with widgetized footer and there’s one little thing needed. Let me test it and then I will update!

Seems like we two CSS novices are messing up here on this issue and experts are not listening. WP experts, where are you?

Sorry for late responce. The mistake was mine. I did not add anything to Sidebar.php but the code was in style.css I played around a bit but only last column displays multiple widgets. Here’s the code:

#subfooter {
width:950px;
overflow: hidden;
margin-left:auto;
margin-right:auto;
height:auto;
background-color:#f3f1e0;
border: 1px solid #D9D6BC;
clear:both;
}  

#subfooter .widget {
  margin-bottom: 10px;
  padding: 5px;
  float: left;
  width: 225px;
  display: block;
  position: relative;
}  

#subfooter .widget .inner {
  padding: 5px;
}
#subfooter ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#subfooter ul li {
  list-style-type: circle;
  margin: 0px 0px 2px 25px;
  padding: 1px 0px 0px 0px;
}
#subfooter ul li a {
  font-size: 12px;
}
#subfooter

.alignright { float: right; margin-left: 10px; }

.aligncenter { margin-right: auto; margin-left: auto; }

.alignleft { float: left; margin-right: 10px; }

Its not fixed yet! When I found no solutions, I just went and deleted extra widgets that caused others to shift. Now, I have only 4 widgets and that does not cause any problem with it!

Anyone please!

It again parsed it! I want code as after ing! I mean in form of & quot etc.!

No help? ??

Remember, the theme names are case sensitive. It is better to use Folder name (In which theme is present at server). Folder names are also case sensitive!

There is a plugin Theme Test Drive (Download Here) for this.

You can preview any theme by adding “?theme=xxx” to your blog URL. For example https://www.myblog.com/?theme=Default Note: Users also see the theme specified when they click link!

Well, it is not working on my WP 2.7