WordPress.org

Forums

4 Widget Footer Problem (3 posts)

  1. landsleaving
    Member
    Posted 2 years ago #

    I had a 4 widget footer running but it got messed up when I updated my theme. If anyone can help me out I can't seem to get it to work anymore.

    Here's the site http://www.feeding5kdublin.org/

    The theme defaults to 3 widgets, so the update destroyed my changing it to 4.

    I changed the functions.php:

    // Register Footer Bars
    	register_sidebar(array('name' => 'Footer Left','id' => 'sidebar-footer-left'));
    	register_sidebar(array('name' => 'Footer Center Left','id' => 'sidebar-footer-center-left'));
        register_sidebar(array('name' => 'Footer Center Right','id' => 'sidebar-footer-center-right'));
    	register_sidebar(array('name' => 'Footer Right','id' => 'sidebar-footer-right'));
    }
    endif;

    The footer.php:

    <div class="clear"></div>
    	</div>
    		<?php if(is_active_sidebar('sidebar-footer-left') or is_active_sidebar('sidebar-footer-center-left') or is_active_sidebar('sidebar-center-right')or is_active_sidebar('sidebar-footer-right')) : ?>
    		<div id="bottombar">
    			<ul id="bottombar_left">
    				<?php dynamic_sidebar('sidebar-footer-left'); ?>
    			</ul>
    			<ul id="bottombar_center Left">
    				<?php dynamic_sidebar('sidebar-footer-center-left'); ?>
    			</ul>
                <ul id="bottombar_center Right">
    				<?php dynamic_sidebar('sidebar-footer-center-right'); ?>
    			</ul>
                <ul id="bottombar_right">
    				<?php dynamic_sidebar('sidebar-footer-right'); ?>
    			</ul>
    			<div class="clear"></div>
    		</div>
    		<?php endif; ?>

    And the style.css:

    /*============================ BOTTOM BAR ============================*/
    #bottombar_left {
    	float: left;
    	width: 200px;
    	margin-left: 0px;
    }
    #bottombar_center_left{
    	width: 200px;
        float: left;
    	margin-left: 0px;
    	margin-right: 0px;
    }#bottombar_center_right{
    	width: 200px;
        float: left;
    	margin-left: 0px;
    	margin-right: 0px;
    }
    #bottombar_right {
    	float: left;
    	margin-right: 0px;
    	width: 200px;
    }
    #bottombar {
    	margin-top: 20px;
    	padding: 10px 0;
    	border-top: 2px solid #ddd;
    }
    #bottombar .widgettitle {
    	color: #c41010;
    	font-size: 1.3em;
    	padding: 5px 0;
    	font-weight: bold;
    	font-family: calibri, helvetica, Tahoma, Verdana;
    }
    #bottombar ul li {
    	margin-bottom: 20px;
    }
    #bottombar ul li ul, #bottombar ul li div{
    	margin-bottom: 5px;
    	padding: 10px;
    	background: #c41010;
    	color: #fff;
    }
    #bottombar ul li div ul, #bottombar ul li div ul li {
    	border: none;
    	margin: 0;
    	padding: 0;
    }
    #bottombar ul li ul {
    	list-style: square inside;
    	color: #bbb;
    }
    #bottombar a, #bottombar ul {
    	font-size: 1.0em;
    }
    #bottombar a:link, #bottombar a:visited  {
    	color:#fff;
    	text-decoration: none;
    }
    #bottombar a:hover, #bottombar a:active {
    	color:#eee;
    	text-decoration: underline;
    }
    #bottombar ul ul li {
    	margin: 5px 10px;
    	padding: 0;
    	border: 0;
    }
    #bottombar ul ul ul {
    	border: none;
    	padding: 0;
    }
    #bottombar .children {
    	margin-top: 10px;
    	margin-left: 10px;
    	background: none;
    }

    It should be a single green bar with 4 images linked to external sites, but they won't stay on the bar anymore after the update, any ideas?

    Theme is zeebusiness

  2. your html css class selsctors don't seem to match the css:

    example:

    <ul id="bottombar_center Left">

    vs:

    #bottombar_center_left{

    using one of the browser inspection tools such as Firebug or similar might be useful to help investigating the formatting.

  3. landsleaving
    Member
    Posted 2 years ago #

    Wow that was stupid of me, thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic