WordPress.org

Ready to get started?Download WordPress

Forums

How to make the footer shorter (6 posts)

  1. Penguin7751
    Member
    Posted 4 years ago #

    I would like to make the footer shorter but when I change the high variable in the css

    #footer {
    	clear:both;
    	background:#111;
    	padding:0px;
    	text-align:center;
    	height:50px; <!-- here -->
    	font-size:14px;
    	margin-top:5px;
    }

    it simply brings the bottom of the footer up higher, the top of the footer and the text remains where it was and the footer is no longer at the bottom of the page.

    thanks for any help

  2. Robbie JW
    Member
    Posted 4 years ago #

    what theme are you using?

  3. Penguin7751
    Member
    Posted 4 years ago #

    oh sorry, i thought i posted it in the place only for my theme.
    its called the-last-fall

  4. moderndaymiddleage
    Member
    Posted 4 years ago #

    Alex,

    Is your site currently using the last fall as a theme? I'm desperately looking for something that has that cool polaroid feature yours has. Any advice is welcome!

    Thanks,
    Julie

  5. krom8
    Member
    Posted 4 years ago #

    I was able to place the footer where you want it by using this css

    #footer {
    	clear:both;
    	background:#111;
    	padding:0px;
    	text-align:center;
    	height:50px; <!-- here -->
    	font-size:14px;
    	margin-top:5px;
    	overflow: hidden;
    }

    This isn't a fix but it does tell me that the footer content is to big to fit 50px height. I'm still messing with it.

  6. krom8
    Member
    Posted 4 years ago #

    Ok got it to work. Here's the css change:

    #footer {
    	clear:both;
    	background:#111;
    	padding:0px;
    	text-align:center;
    	height:50px; <!-- here -->
    	margin-top:5px;
    	overflow: hidden;
    }
    #footer p {
    	font-size: 14px;
    	color:#888;
    }

    Here's the new footer.php:

    <hr />
    <div class="clear"></div>
    <div id="footer">
        <p>
    	Grab <a href="<?php bloginfo('rss2_url'); ?>" class="rss" >Blog RSS</a>
    		and <a href="<?php bloginfo('comments_rss2_url'); ?>" >Comments RSS</a>
    
    		<?php bloginfo('name'); ?> is proudly powered by <a href="http://wordpress.org/">WordPress</a>
    		This blog theme was designed by <a href="http://www.dynamicguru.com" title="Theme by Dynamic Guru">Mujtaba
    		</a> l <a href="http://wpth.net" title="Free WordPress Theme">Free WordPress Theme
    		</a>
    
    		<!-- <?php echo get_num_queries(); ?>queries.-->
    		The server took <?php timer_stop(1); ?> seconds to serve you this nice blog ...
        </p>
    
    </div>
    </div>
    
    <!-- Gorgeous design by Mujtaba Ahmed - http://www.dynamicguru.com -->
    
    		<?php wp_footer(); ?>
    </body>
    </html>

Topic Closed

This topic has been closed to new replies.

About this Topic