WordPress.org

Ready to get started?Download WordPress

Forums

4 Widget Footer Problem (3 posts)

  1. landsleaving
    Member
    Posted 1 year 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. alchymyth
    Forum Moderator
    Posted 1 year ago #

    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 1 year ago #

    Wow that was stupid of me, thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic