Clean up

css/theme.css

@@ -7264,7 +7264,7 @@ body {
   padding: 30px 0;
 }
 
-#hero-wrapper {
+#wrapper-hero {
   padding: 0px;
 }
 

footer.php

@@ -0,0 +1,66 @@
+<?php
+/**
+ * The template for displaying the footer.
+ *
+ * Contains the closing of the #content div and all content after
+ *
+ * @package understrap
+ */
+?>
+
+<div class="wrapper" id="wrapper-footer">
+    
+    <div class="container">
+    
+        <footer id="colophon" class="container site-footer" role="contentinfo">
+
+            <div class="site-info">
+                <a href="<?php echo esc_url( __( 'http://wordpress.org/', 'understrap' ) ); ?>"><?php printf( __( 'Proudly powered by %s', 'understrap' ), 'WordPress' ); ?></a>
+                <span class="sep"> | </span>
+                <?php printf( __( 'Theme: %1$s by %2$s.', 'understrap' ), 'understrap', '<a href="http://www.holgerkoenemann.de/" rel="designer">holgerkoenemann.de</a>' ); ?>
+            </div><!-- .site-info -->
+
+        </footer><!-- #colophon -->
+        
+    </div><!-- container end -->
+    
+</div><!-- wrapper end -->
+
+</div><!-- #page -->
+
+<?php wp_footer(); ?>
+
+<!-- Loads slider script and settings if a widget on pos hero is published -->
+<?php if ( is_active_sidebar( 'hero' ) ): ?>
+
+
+<script>
+    jQuery(document).ready(function() {
+        var owl = jQuery('.owl-carousel');
+        owl.owlCarousel({
+            items:<?php echo get_theme_mod( 'understrap_theme_slider_count_setting', 1 );?>,
+            loop:<?php echo get_theme_mod( 'understrap_theme_slider_loop_setting', true );?>,
+            autoplay:true,
+            autoplayTimeout:<?php echo get_theme_mod( 'understrap_theme_slider_time_setting', 5000 );?>,
+            animateOut: 'fadeOut',
+            animateIn: 'fadeIn',
+            nav: false,
+            dots: true,
+            autoplayHoverPause:true,
+            margin:0,
+            autoHeight:true
+        });
+
+        jQuery('.play').on('click',function(){
+            owl.trigger('autoplay.play.owl',[1000])
+        });
+        jQuery('.stop').on('click',function(){
+            owl.trigger('autoplay.stop.owl')
+        });
+    });
+</script>
+<?php endif; ?>
+
+</body>
+
+</html>

header.php

@@ -22,7 +22,7 @@
 <div id="page" class="hfeed site">
     
     <!-- ******************* The Navbar Area ******************* -->
-    <div class="wrapper-fluid wrapper-navbar">
+    <div class="wrapper-fluid wrapper-navbar" id="wrapper-navbar">
 	
         <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'understrap' ); ?></a>
 

hero.php

@@ -1,10 +1,8 @@
 <?php if ( is_active_sidebar( 'hero' ) ): ?>
-
+    <!-- ******************* The Hero Widget Area ******************* -->
     <div class="wrapper" id="wrapper-hero">
         <div class="owl-carousel">
-
             <?php dynamic_sidebar( 'hero' ); ?>
-
         </div>
     </div>
 

sass/understrap/understrap.scss

@@ -3,7 +3,7 @@ body { padding-top: 50px; }
 
 // Some basic padding for all wrappers
 .wrapper {padding:$grid-gutter-width 0;}
-#hero-wrapper {padding:0px;}
+#wrapper-hero {padding:0px;}
 
 // Adding basic Wordpress classes to pass the Wordpress.org tests
 .sticky, .gallery-caption, .bypostauthor {