WordPress.org

Ready to get started?Download WordPress

Forums

Empty Space Above Footer (8 posts)

  1. AboutHollywood
    Member
    Posted 4 years ago #

    Trying to get rid of empty space above the footer and not quite sure where to start to modify the CSS. Appreciate any thoughts you may have. Link to the site below:
    http://hollywoodvulture.com/

  2. henkholland
    Member
    Posted 4 years ago #

    In your 'sidebar.php' there is an extra and empty widget call, I mean the one below the Archive list (so, it is in your sidebar, not in your css:

    <div id="sidebar">
    <div id="northsidebar" class="sidebar">
    </div>
    <div id="centersidebar">
    </div>
    <div id="southsidebar" class="sidebar">
    <div class="widget">
    <h3>Archives</h3>
    <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    </ul>
    </div>
    <div class="widget"> </div>  "THIS ONE!!"
    </div>
    </div>

    Get Firefox and Firebug; make's it easy to see "what comes from where"

  3. AboutHollywood
    Member
    Posted 4 years ago #

    Thanks for the tip, have been modifying it with no luck. Here's the unedited coding for sidebar.php:

    <?php
    $options = get_option('inove_options');

    if($options['feed'] && $options['feed_url']) {
    if (substr(strtoupper($options['feed_url']), 0, 7) == 'HTTP://') {
    $feed = $options['feed_url'];
    } else {
    $feed = 'http://' . $options['feed_url'];
    }
    } else {
    $feed = get_bloginfo('rss2_url');
    }
    ?>

    <!-- sidebar START -->
    <div id="sidebar">

    <!-- sidebar north START -->
    <div id="northsidebar" class="sidebar">

    <!-- feeds -->
    <div class="widget widget_feeds">
    <div class="content">
    <div id="subscribe">
    " href="<?php echo $feed; ?>"><?php _e('<abbr title="Really Simple Syndication">RSS</abbr> feed', 'inove'); ?>
    <?php if($options['feed_readers']) : ?>
    <ul id="feed_readers">
    <li id="google_reader">" href="http://fusion.google.com/add?feedurl=<?php echo $feed; ?>"><span><?php _e('Google', 'inove'); ?></span>
    <li id="youdao_reader">" href="http://reader.youdao.com/#url=<?php echo $feed; ?>"><span><?php _e('Youdao', 'inove'); ?></span>
    <li id="xianguo_reader">" href="http://www.xianguo.com/subscribe.php?url=<?php echo $feed; ?>"><span><?php _e('Xian Guo', 'inove'); ?></span>
    <li id="zhuaxia_reader">" href="http://www.zhuaxia.com/add_channel.php?url=<?php echo $feed; ?>"><span><?php _e('Zhua Xia', 'inove'); ?></span>
    <li id="yahoo_reader">" href="http://add.my.yahoo.com/rss?url=<?php echo $feed; ?>"><span><?php _e('My Yahoo!', 'inove'); ?></span>
    <li id="newsgator_reader">" href="http://www.newsgator.com/ngs/subscriber/subfext.aspx?url=<?php echo $feed; ?>"><span><?php _e('newsgator', 'inove'); ?></span>
    <li id="bloglines_reader">" href="http://www.bloglines.com/sub/<?php echo $feed; ?>"><span><?php _e('Bloglines', 'inove'); ?></span>
    <li id="inezha_reader">" href="http://inezha.com/add?url=<?php echo $feed; ?>"><span><?php _e('iNezha', 'inove'); ?></span>

    <?php endif; ?>
    </div>
    <?php if($options['feed_email'] && $options['feed_url_email']) : ?>
    " href="<?php echo $options['feed_url_email']; ?>"><?php _e('Email feed', 'inove'); ?>
    <?php endif; ?>
    <div class="fixed"></div>
    </div>
    </div>

    <!-- showcase -->
    <?php if( $options['showcase_content'] && (
    ($options['showcase_registered'] && $user_ID) ||
    ($options['showcase_commentator'] && !$user_ID && isset($_COOKIE['comment_author_'.COOKIEHASH])) ||
    ($options['showcase_visitor'] && !$user_ID && !isset($_COOKIE['comment_author_'.COOKIEHASH]))
    ) ) : ?>
    <div class="widget">
    <?php if($options['showcase_caption']) : ?>
    <h3><?php if($options['showcase_title']){echo($options['showcase_title']);}else{_e('Showcase', 'inove');} ?></h3>
    <?php endif; ?>
    <div class="content">
    <?php echo($options['showcase_content']); ?>
    </div>
    </div>
    <?php endif; ?>

    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('north_sidebar') ) : ?>

    <!-- posts -->
    <?php
    if (is_single()) {
    $posts_widget_title = 'Recent Posts';
    } else {
    $posts_widget_title = 'Random Posts';
    }
    ?>

    <div class="widget">
    <h3><?php echo $posts_widget_title; ?></h3>

      <?php
      if (is_single()) {
      $posts = get_posts('numberposts=10&orderby=post_date');
      } else {
      $posts = get_posts('numberposts=5&orderby=rand');
      }
      foreach($posts as $post) {
      setup_postdata($post);
      echo '
    • ' . get_the_title() . '
    • ';
      }
      $post = $posts[0];
      ?>

    </div>

    <!-- recent comments -->
    <?php if( function_exists('wp_recentcomments') ) : ?>
    <div class="widget">
    <h3>Recent Comments</h3>

      <?php wp_recentcomments('limit=5&length=16&post=false&smilies=true'); ?>

    </div>
    <?php endif; ?>

    <!-- tag cloud -->
    <?php if (!is_single()) : ?>
    <div id="tag_cloud" class="widget">
    <h3>Tag Cloud</h3>
    <?php wp_tag_cloud('smallest=8&largest=16'); ?>
    </div>
    <?php endif; ?>

    <?php endif; ?>
    </div>
    <!-- sidebar north END -->

    <div id="centersidebar">

    <!-- sidebar east START -->
    <div id="eastsidebar" class="sidebar">
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('east_sidebar') ) : ?>

    <!-- categories -->
    <div class="widget widget_categories">
    <h3>Categories</h3>

      <?php wp_list_cats('sort_column=name&optioncount=0&depth=1'); ?>

    </div>

    <?php endif; ?>
    </div>
    <!-- sidebar east END -->

    <!-- sidebar west START -->
    <div id="westsidebar" class="sidebar">
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('west_sidebar') ) : ?>

    <!-- blogroll -->
    <div class="widget widget_links">
    <h3>Hot List</h3>

      <?php wp_list_bookmarks('title_li=&categorize=0'); ?>

    </div>

    <?php endif; ?>
    </div>
    <!-- sidebar west END -->
    <div class="fixed"></div>
    </div>

    <!-- sidebar south START -->
    <div id="southsidebar" class="sidebar">
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('south_sidebar') ) : ?>

    <!-- archives -->
    <div class="widget">
    <h3>Archives</h3>
    <?php if(function_exists('wp_easyarchives_widget')) : ?>
    <?php wp_easyarchives_widget("limit=6"); ?>
    <?php else : ?>

      <?php wp_get_archives('type=monthly'); ?>

    <?php endif; ?>
    </div>

    <!-- meta -->
    <div class="widget">

    </div>

    <?php endif; ?>
    </div>
    <!-- sidebar south END -->

    </div>
    <!-- sidebar END -->

  4. henkholland
    Member
    Posted 4 years ago #

    I think you should take this one out, right near the end:

    <!-- meta -->
    <div class="widget">
    
    </div>
  5. AboutHollywood
    Member
    Posted 4 years ago #

    I deleted that and unfortunately, the white space stayed the same...

  6. henkholland
    Member
    Posted 4 years ago #

    Would that be the whitespace between may 2009 under archives and your bottom banner?
    Then change this in your style.css:

    #southsidebar .widget {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(img/widgetsep.png) no-repeat scroll center top;
    padding:15px 15px 1px;

    originally it was:
    `padding:15px 15px 17px;' the seventeen is the bottom padding of the southsidebar.

  7. AboutHollywood
    Member
    Posted 4 years ago #

    Thanks! I tried that and it didn't work. The part I'm trying to fix is the white space that follows the last post on any given page. There's just empty white space above the footer.

  8. henkholland
    Member
    Posted 4 years ago #

    Without a picture and an arrow I won't get it, I think.
    Would that be the white space below the category links?

    Maybe the bottom padding from your main:

    #main {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF url(img/main_shadow.gif) repeat-x scroll center top;
    float:left;
    overflow:hidden;
    padding:13px 15px 5px;
    width:605px;

    It's best you get Firefox and the addon Firebug. Then you can click on the white space and see which statement influences it.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.