I Need help rewriting Wordpress Sidebars!

by 5 replies
6
Ok so I just downloaded this awesome theme (well awesome to me) and I love it, the only problem is that the person who built it put two sidebars where one should be, so they are each 1/2 the size of a normal sidebar. I managed to remove one sidebar, but I want to extend the other one to the full length. THe website is in my sig, scroll down to the bottom and look to your right. I want those widgets ( Recent posts, tags, and useful sites) to be the same width as the "our sponsors" box.
Can someone help me?

Here is the code:
Code:
</div>
<div id="sidebar">
    <div id="sidebar_top">
        <div class="box">
            <h3>Event &amp; News Updates</h3>
            <div class="box_content">
                <div class="rss_box">Sign up to receive breaking news as well as receive other site updates!</div>
                <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=<?php echo get_option('techified_feedburner_uri'); ?>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" id="rss_form">
                    <input type="text" name="email" id="email_rss" value="Enter your email!" onblur="if (this.value == '') {this.value = 'Enter your email!';}"  onfocus="if (this.value == 'Enter your email!') {this.value = '';}" />
                    <input type="submit" name="subscribe_email_btn" id="subscribe_email_btn" value="" />
                    <input type="hidden" value="<?php echo get_option('techified_feedburner_uri'); ?>" name="uri"/>
                    <input type="hidden" name="loc" value="en_US"/>
                </form>
            </div>
            <div class="box_bottom"></div>
        </div>
 
        <div class="box">
            <div class="box_header"></div>
            <div class="box_content"> <?php echo stripslashes(get_option('techified_300_250_ads')); ?> </div>
            <div class="box_bottom"></div>
        </div>
 
        <div class="box">
            <h3>Our Sponsors</h3>
            <div class="box_content">
                <div class="img_ads"> <a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/125.gif" alt="1" width="125" height="125" /></a> <a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/125.gif" alt="1" width="125" height="125" /></a> <a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/125.gif" alt="1" width="125" height="125" /></a> <a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/125.gif" alt="1" width="125" height="125" /></a> </div>
            </div>
            <div class="box_bottom"></div>
        </div>
 
 
    </div>
    <div id="sidebar_left">
 
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : ?>
        <div class="box">
            <h3>Categories</h3>
            <div class="box_content">
                <ul>
                    <?php wp_list_categories('depth=1&hide_empty=0&orderby=name&show_count=0&use_desc_for_title=1&title_li='); ?>
                </ul>
            </div>
            <div class="box_bottom"></div>
        </div>
 
        <div class="box">
            <h3>Archives</h3>
            <div class="box_content">
                <ul>
                    <?php wp_get_archives('type=monthly&limit=10&show_post_count=0'); ?>
                </ul>
            </div>
            <div class="box_bottom"></div>
        </div>
    <?php endif; ?>    
    </div>
    <div id="sidebar_right">
 
        <?php if ( !function_exists('dynamic_sidebar') ) : ?>
 
    <?php endif; ?>
 
    </div>
</div>
#programming #messing #sidebars
  • look for this
    #sidebar_right {
    float: right;
    width: 168px;
    }

    in style.css

    change to
    #sidebar_right {
    float: right;
    width: 336px;
    }

    and let me know if that fixs it/let me see it if it doesn't
    • [ 1 ] Thanks
  • Thanks! I was not aware the style sheet had a hand in controlling that.

    change to
    #sidebar_left {
    float: left;
    width: 336px;

    Doing THAT changed it, but now take a look, the header and box didn't move over.
    How do I fix that?
  • I think this will do it

    in your stylesheet

    look for


    #sidebar .box {
    margin: 10px 5px 5px 5px;
    background: url(images/sidebar_box_bg.png) repeat-y;
    background-color:#FFFFFF;
    overflow: hidden;
    }
    #sidebar .box h3 {
    background: url(images/sidebar_box_header.png) no-repeat left top;
    margin: 0px;
    overflow: hidden;
    height: 23px;
    font-size: 11px;
    text-transform:uppercase;
    padding: 7px 10px 0px 10px;
    }
    #sidebar .box .box_bottom {
    margin: 0px;
    padding: 0px;
    background: url(images/sidebar_box_footer.png) no-repeat left bottom;
    height: 5px;
    }



    replace with

    #sidebar .box {
    margin: 10px 5px 5px 5px;
    background: url(images/sidebar_box_bg_top.png) repeat-y;
    background-color:#FFFFFF;
    overflow: hidden;
    }
    #sidebar .box h3 {
    background: url(images/sidebar_box_header_top.png) no-repeat left top;
    margin: 0px;
    overflow: hidden;
    height: 23px;
    font-size: 11px;
    text-transform:uppercase;
    padding: 7px 10px 0px 10px;
    }
    #sidebar .box .box_bottom {
    margin: 0px;
    padding: 0px;
    background: url(images/sidebar_box_footer_top.png) no-repeat left bottom;
    height: 5px;
    }
    • [ 1 ] Thanks
  • It works! Thanks for your help.
  • no problem
Join the discussion

Next Topics on Trending Feed

  • 6

    I Need help rewriting Wordpress Sidebars!

    Ok so I just downloaded this awesome theme (well awesome to me) and I love it, the only problem is that the person who built it put two sidebars where one should be, so they are each 1/2 the size of a normal sidebar. I managed to remove one sidebar, but I want to extend the other one to the full length. THe website is in my sig, scroll down to the bottom and look to your right. I want those widgets ( Recent posts, tags, and useful sites) to be the same width as the "our sponsors" box. Can someone help me?