J
jefflyn1
Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

Como veran en la imagen, mi footer de color negro no se llega a pegar a la parte de abajo y el color verde es del body, no entiendo que paso pero lo deje asi hace mucho tiempo y hoy quiero areglarlo la verdad no se ni que toque pero me podrian orientar, algunas cosas para poder solucionarlo. Gracias por adelantado
CODIGO CSS:
Insertar CODE, HTML o PHP:
* Section: Footer
/* ------------------------------------------------------------------------- */
#footer { background: #fff; color: #777; height: 100%; width: 100%; }
#footer a { color: #777; }
#footer a:hover { color: #ccc; }
#footer .pad { padding-bottom: 30px; }
#footer-ads {background: #a8d59d; text-align: center; padding: 10px 0; border-bottom: 1px solid #eee; }
#footer #footer-ads .widget { background: #a8d59d; padding-bottom: 0; font-size: 0; line-height: 0; }
#footer-ads h3 { background: #a8d59d; display: none; }
#footer-widgets{padding-top: 20px; }
#footer-bottom { background: #33363b; }
#footer-bottom .pad { padding-top: 30px; }
#footer-bottom a { color: #fff; color: rgba(255,255,255,0.7); }
#footer-bottom a:hover { color: #fff; }
#footer-bottom #footer-logo { display: block; margin-bottom: 20px; max-height: 50px; -webkit-border-radius: 0; border-radius: 0; }
#footer-bottom #copyright,
#footer-bottom #credit {color: #fff; color: rgba(255,255,255,0.5); font-size: 15px; line-height: 1.5em; }
#footer-bottom #back-to-top { background: #eaeaea; color: #777; overflow: hidden; text-align: center; width: 60px; height: 30px; display: block; margin: 0 auto; margin: 0 auto -30px;
-webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); }
#footer-bottom #back-to-top i { font-size: 38px; position: relative; top: -7px; }
#footer-bottom #back-to-top:hover { color: #444; }
#footer-bottom .social-links { padding-top: 10px; }
#footer-bottom .social-links a { color: rgba(255,255,255,0.6); }
#footer-bottom .social-links a:hover { color: #fff; }
#footer-bottom .social-links .social-tooltip { font-size: 28px; }
/* footer : nav
/* ------------------------------------ */
#nav-footer.nav-container {background: #1e73be; border-top: 1px solid #eee; }
#nav-footer .nav-toggle {background: transparent; color: #444; border-left: 1px solid #eee; }
CODIGO PHP:
Insertar CODE, HTML o PHP:
</div><!--/.main-inner-->
</div><!--/.main-->
</div><!--/.container-inner-->
</div><!--/.container-->
<footer id="footer">
<?php if ( ot_get_option('footer-ads') == 'on' ): ?>
<section class="container" id="footer-ads">
<div class="container-inner">
<?php dynamic_sidebar( 'footer-ads' ); ?>
</div><!--/.container-inner-->
</section><!--/.container-->
<?php endif; ?>
<?php // footer widgets
$total = 4;
if ( ot_get_option( 'footer-widgets' ) != '' ) {
$total = ot_get_option( 'footer-widgets' );
if( $total == 1) $class = 'one-full';
if( $total == 2) $class = 'one-half';
if( $total == 3) $class = 'one-third';
if( $total == 4) $class = 'one-fourth';
}
if ( ( is_active_sidebar( 'footer-1' ) ||
is_active_sidebar( 'footer-2' ) ||
is_active_sidebar( 'footer-3' ) ||
is_active_sidebar( 'footer-4' ) ) && $total > 0 )
{ ?>
<section class="container" id="footer-widgets">
<div class="container-inner">
<div class="pad group">
<?php $i = 0; while ( $i < $total ) { $i++; ?>
<?php if ( is_active_sidebar( 'footer-' . $i ) ) { ?>
<div class="footer-widget-<?php echo $i; ?> grid <?php echo $class; ?> <?php if ( $i == $total ) { echo 'last'; } ?>">
<?php dynamic_sidebar( 'footer-' . $i ); ?>
</div>
<?php } ?>
<?php } ?>
</div><!--/.pad-->
</div><!--/.container-inner-->
</section><!--/.container-->
<?php } ?>
<?php if ( has_nav_menu( 'footer' ) ): ?>
<nav class="nav-container group" id="nav-footer">
<div class="nav-toggle"><i class="fa fa-bars"></i></div>
<div class="nav-text"><!-- put your mobile menu text here --></div>
<div class="nav-wrap"><?php wp_nav_menu( array('theme_location'=>'footer','menu_class'=>'nav container group','container'=>'','menu_id'=>'','fallback_cb'=>false) ); ?></div>
</nav><!--/#nav-footer-->
<?php endif; ?>
<section class="container" id="footer-bottom">
<div class="container-inner">
<a id="back-to-top" href="#"><i class="fa fa-angle-up"></i></a>
<div class="pad group">
<div class="grid one-half">
<?php if ( ot_get_option('footer-logo') ): ?>
<img id="footer-logo" src="<?php echo ot_get_option('footer-logo'); ?>" alt="<?php get_bloginfo('name'); ?>">
<?php endif; ?>
<div id="copyright">
<?php if ( ot_get_option( 'copyright' ) ): ?>
<p><?php echo ot_get_option( 'copyright' ); ?></p>
<?php else: ?>
<p><?php bloginfo(); ?> © <?php echo date( 'Y' ); ?>. <?php _e( 'All Rights Reserved.', 'hueman' ); ?></p>
<?php endif; ?>
</div><!--/#copyright-->
<?php if ( ot_get_option( 'credit' ) != 'off' ): ?>
<div id="credit">
<p><?php _e('Powered by','hueman'); ?> <a href="http://wordpress.org" rel="nofollow">WordPress</a>. <?php _e('Theme by','hueman'); ?> <a href="http://alxmedia.se" rel="nofollow">Alx</a>.</p>
</div><!--/#credit-->
<?php endif; ?>
</div>
<div class="grid one-half last">
<?php alx_social_links() ; ?>
</div>
</div><!--/.pad-->
</div><!--/.container-inner-->
</section><!--/.container-->
</footer><!--/#footer-->
</div><!--/#wrapper-->
<?php wp_footer(); ?>
</body>
</html>
----------------------------------------------
Este codigo es igual que otra pagina cree solo para hacer la prueba y no entiendo porque el codigo es igual y en esta si se pega abajo el footer, y el color del BODY es amarillo pero no se nota porque el footer SI LLEGA A PEGARSE ABAJO. GRACIAS NUEVAMENTE

ALGUIEN PORFAVOR AYUDA.
Adjuntos
Última edición: