Ayuda urgente necesitada, ¡por favor!

  • Autor Autor jefflyn1
  • Fecha de inicio Fecha de inicio
J

jefflyn1

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
footer.webp

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(); ?> &copy; <?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

footer2.webp


ALGUIEN PORFAVOR AYUDA.
 

Adjuntos

  • footer.webp
    footer.webp
    650 bytes · Visitas: 33
Última edición:
Quieres que esté pegado al negro? Si el verde es el body, el negro qué es?
 
el negro es el footer quiero que se pegue abajo y que no se vea el verde, como esta en la otra imagen de color naranja que si esta pegado abajo
 
Atrás
Arriba