Title: Full-width footer
Last modified: 5 augustus 2016

---

# Full-width footer

 *  [Tinus12](https://nl.wordpress.org/support/users/tinus12/)
 * (@tinus12)
 * [12 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/full-width-footer/)
 * Hi,
 * Op mijn website is de footer op dit moment niet te zien over de gehele breedte.
   Dit zou ik wel graag willen. Wat moet ik in de code veranderen om dit gedaan 
   te krijgen?
 *     ```
       <?php
       /**
       * The footer for our theme.
       * This template is used to generate the footer for the theme.
       *
   
       *
       */
       ?>
   
       <div class="clear"></div>
   
       <!-- END .container -->
       </div>
   
       <!-- BEGIN .footer -->
       <div class="footer">
   
       	<?php if ( is_active_sidebar('footer') ) { ?>
   
       	<!-- BEGIN .row -->
       	<div class="row">
   
       		<!-- BEGIN .footer-widgets -->
       		<div class="footer-widgets">
   
       			<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer') ) : ?>
       			<?php endif; ?>
   
       		<!-- END .footer-widgets -->
       		</div>
   
       	<!-- END .row -->
       	</div>
   
       	<?php } ?>
   
       	<!-- BEGIN .row -->
       	<div class="row">
   
       		<!-- BEGIN .footer-information -->
       		<div class="footer-information">
   
       			<!-- BEGIN .footer-content -->
       			<div class="footer-content">
   
       				<div class="align-left">
       					<p><?php _e("Copyright", 'DBFA'); ?> &copy; <?php echo date(__("Y", 'DBFA')); ?> &middot; <?php _e("All Rights Reserved", 'DBFA'); ?> &middot; <?php bloginfo('name'); ?></p>
   
       				</div>
   
       				<div class="align-right">
       					<?php get_template_part( 'content/social' ); ?>
       				</div>
   
       			<!-- END .footer-content -->
       			</div>
   
       		<!-- END .footer-information -->
       		</div>
   
       	<!-- END .row -->
       	</div>
   
       <!-- END .footer -->
       </div>
   
       <!-- END #wrap -->
       </div>
   
       <?php wp_footer(); ?>
   
       <div id="fb-root"></div>
       <script>(function(d, s, id) {
       var js, fjs = d.getElementsByTagName(s)[0];
       if (d.getElementById(id)) return;
       js = d.createElement(s); js.id = id;
       js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=24657095428680";
       fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));
       </script>
   
       </body>
       </html>
       ```
   

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)

 *  [MuralMule](https://nl.wordpress.org/support/users/muralmule/)
 * (@muralmule)
 * [12 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/full-width-footer/#post-63699)
 * Ik denk dan toch dat je de bijbehoorende CSS moet posten.
 *  Thread starter [Tinus12](https://nl.wordpress.org/support/users/tinus12/)
 * (@tinus12)
 * [12 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/full-width-footer/#post-63700)
 * Zoveel begrijp ik er niet van. 🙂
 *     ```
       *	20.	Footer  								*
       ************************************************/
   
       .footer {
       	margin: 12px auto 0px;
       	padding: 0px;
       	overflow: hidden;
       	}
       .footer .align-left {
       	font-size: 0.9em;
       	line-height: 1.8;
       	}
       .footer-widgets {
       	background: #000000;
       	overflow: hidden;
       	}
       .footer-widgets .widget {
       	float: left;
       	width: 25%;
       	background: none;
       	margin-top: 0px;
       	margin-bottom: 0px;
       	padding: 0px;
       	box-shadow: none;
       	-moz-box-shadow: none;
       	-webkit-box-shadow: none;
       	}
       .footer-widgets .widget li {
       	border-top: 1px solid rgba(255,255,255, .2);
       	}
       .footer-widgets .widget .footer-widget {
       	padding: 12px;
       	}
       .footer-widgets .widget h6 {
       	color: #FFFFFF;
       	}
       .footer-widgets .widget a {
       	color: #999999;
       	}
       .footer-widgets .widget a:hover {
       	color: #FFFFFF;
       	}
       .footer-widgets .textwidget {
       	padding: 0px 18px;
       	}
       .footer-information {
       	background: #242424;
       	padding: 12px;
       	overflow: hidden;
       	}
       .footer-information p {
       	margin: 0px;
       	padding: 0px;
       	}
       .footer-content {
       	max-width: 1056px;
       	margin: 0px auto 0px;
       	}
       .footer-content a {
       	color: #999999;
       	}
       ```
   
 *  Thread starter [Tinus12](https://nl.wordpress.org/support/users/tinus12/)
 * (@tinus12)
 * [12 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/full-width-footer/#post-63709)
 * Iemand die het antwoord weet?
 *  [De Raaf Media](https://nl.wordpress.org/support/users/markioooo/)
 * (@markioooo)
 * [12 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/full-width-footer/#post-63719)
 * Heeft de div met class wrap een breedte? Zo ja zet dan de footer buiten de wrap
   div. Nu staat de footer zo te zien binnen de wrap.
 *  Thread starter [Tinus12](https://nl.wordpress.org/support/users/tinus12/)
 * (@tinus12)
 * [12 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/full-width-footer/#post-63720)
 * Waar vind ik dit? Hoe zou de code dan moeten zijn?
 *  [robelia](https://nl.wordpress.org/support/users/robelia/)
 * (@robelia)
 * [12 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/full-width-footer/#post-63721)
 * <!– END #wrap –>
    </div> (weg)
 * Een stuk naar boven:
 * <!– END .container –>
    </div> <!– END #wrap –> </div>
 * Kan verassingen geven. Dus eerst de oude footer opslaan.(footer.php veranderen
   in footer.bak)
    Het is handiger om een full-width thema te nemen.

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)

Het onderwerp ‘Full-width footer’ is gesloten voor nieuwe reacties.

## Tags

 * [footer](https://nl.wordpress.org/support/topic-tag/footer/)
 * [full-width](https://nl.wordpress.org/support/topic-tag/full-width/)
 * [wordpress](https://nl.wordpress.org/support/topic-tag/wordpress/)

 * In: [Code oplossingen gezocht](https://nl.wordpress.org/support/forum/code-oplossingen/)
 * 6 reacties
 * 4 deelnemers
 * Laatste antwoord van: [robelia](https://nl.wordpress.org/support/users/robelia/)
 * Laatste activiteit: [12 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/full-width-footer/#post-63721)
 * Status: onopgelost

## Onderwerpen

### Meest populaire onderwerpen

### Onderwerpen zonder reacties

### Non-support onderwerpen

### Opgeloste onderwerpen

### Onopgeloste onderwerpen

### Alle onderwerpen