Skip to content

Jeff Balicki / stellervista-micro

Go to a project
Toggle navigation
Toggle navigation pinning
3f0556e7 by Jeff Balicki
Options

footer and header fix 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent faa31134
Inline Side-by-side
Showing 10 changed files with 140 additions and 13 deletions
...@@ -14920,6 +14920,14 @@ figure.woocommerce-product-gallery__wrapper { ...@@ -14920,6 +14920,14 @@ figure.woocommerce-product-gallery__wrapper {
14920 height: 123px; 14920 height: 123px;
14921 } 14921 }
14922 14922
14923 #wrapper-navbar {
14924 position: fixed;
14925 box-shadow: 0px 7px 15px -3px rgba(0, 0, 0, 0.39);
14926 width: 100%;
14927 z-index: 999;
14928 background-color: #fff;
14929 }
14930
14923 .home-header { 14931 .home-header {
14924 position: relative; 14932 position: relative;
14925 height: 100%; 14933 height: 100%;
...@@ -14931,6 +14939,7 @@ figure.woocommerce-product-gallery__wrapper { ...@@ -14931,6 +14939,7 @@ figure.woocommerce-product-gallery__wrapper {
14931 display: flex; 14939 display: flex;
14932 align-content: space-around; 14940 align-content: space-around;
14933 flex-wrap: wrap; 14941 flex-wrap: wrap;
14942 top: 120px;
14934 } 14943 }
14935 .home-header .content-container { 14944 .home-header .content-container {
14936 margin-left: 35%; 14945 margin-left: 35%;
...@@ -14978,9 +14987,14 @@ figure.woocommerce-product-gallery__wrapper { ...@@ -14978,9 +14987,14 @@ figure.woocommerce-product-gallery__wrapper {
14978 } 14987 }
14979 14988
14980 .home-page { 14989 .home-page {
14981 margin-top: -50px; 14990 margin-top: -40px;
14982 padding-bottom: 0px; 14991 padding-bottom: 0px;
14983 } 14992 }
14993 .home-page .entry-content {
14994 margin-top: 120px;
14995 position: relative;
14996 z-index: 99;
14997 }
14984 14998
14985 h1, .h1 { 14999 h1, .h1 {
14986 color: #183668; 15000 color: #183668;
...@@ -15168,6 +15182,8 @@ element.style { ...@@ -15168,6 +15182,8 @@ element.style {
15168 height: 100px; 15182 height: 100px;
15169 margin-top: -100px; 15183 margin-top: -100px;
15170 position: absolute; 15184 position: absolute;
15185 padding-bottom: 80px;
15186 z-index: 99;
15171 } 15187 }
15172 15188
15173 #wrapper-footer:before { 15189 #wrapper-footer:before {
...@@ -15183,6 +15199,28 @@ element.style { ...@@ -15183,6 +15199,28 @@ element.style {
15183 margin-top: -120px; 15199 margin-top: -120px;
15184 } 15200 }
15185 15201
15202 .site-footer img {
15203 float: right;
15204 margin-top: -30px;
15205 width: 230px;
15206 }
15207
15208 #menu-footer {
15209 list-style: none;
15210 padding-left: 0px;
15211 }
15212 #menu-footer li a {
15213 color: #fff;
15214 text-decoration: none;
15215 font-size: 18px;
15216 line-height: 24px;
15217 font-weight: 300;
15218 }
15219 #menu-footer li a:hover {
15220 color: #fff;
15221 text-decoration: none;
15222 }
15223
15186 .block-link { 15224 .block-link {
15187 text-decoration: none; 15225 text-decoration: none;
15188 } 15226 }
...@@ -15282,6 +15320,11 @@ element.style { ...@@ -15282,6 +15320,11 @@ element.style {
15282 transition: 0.3s; 15320 transition: 0.3s;
15283 } 15321 }
15284 15322
15323 #full-width-page-wrapper:not(.home-page) {
15324 padding-bottom: 200px;
15325 padding-top: 130px;
15326 }
15327
15285 .extra-wide-left { 15328 .extra-wide-left {
15286 padding: 50px 90px 90px 0px; 15329 padding: 50px 90px 90px 0px;
15287 } 15330 }
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -17,27 +17,40 @@ $container = get_theme_mod( 'understrap_container_type' ); ...@@ -17,27 +17,40 @@ $container = get_theme_mod( 'understrap_container_type' );
17 17
18 <div class="wrapper" id="wrapper-footer"> 18 <div class="wrapper" id="wrapper-footer">
19 19
20 <div class="<?php echo esc_attr( $container ); ?>"> 20 <div class="<?php echo esc_attr( $container ); ?>">
21 21
22 <div class="row"> 22 <div class="row">
23 23
24 <div class="col-md-12"> 24 <div class="col-md-6 col-sm-12 site-info-menu">
25 25
26 <footer class="site-footer" id="colophon"> 26 <footer class="site-footer">
27 27
28 <div class="site-info"> 28 <div class="">
29 29
30 <?php understrap_site_info(); ?> 30 <?php dynamic_sidebar( 'custom-footer-left-widget' ); ?>
31 31
32 </div><!-- .site-info --> 32 </div><!-- .site-info -->
33 33
34 </footer><!-- #colophon --> 34 </footer><!-- #colophon -->
35 35
36 </div><!-- col --> 36 </div><!-- col -->
37 <div class="col-md-6 col-sm-12">
37 38
38 </div><!-- .row --> 39 <footer class="site-footer">
39 40
40 </div><!-- .container(-fluid) --> 41 <div class="site-info">
42
43 <?php dynamic_sidebar( 'custom-footer-right-widget' ); ?>
44
45 </div><!-- .site-info -->
46
47 </footer><!-- #colophon -->
48
49 </div><!-- col -->
50
51 </div><!-- .row -->
52
53 </div><!-- .container(-fluid) -->
41 54
42 </div><!-- #wrapper-footer --> 55 </div><!-- #wrapper-footer -->
43 56
......
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
5 require_once 'disable-comments.php'; 5 require_once 'disable-comments.php';
6 require_once 'blocks.php'; 6 require_once 'blocks.php';
7 require_once 'contact-7.php'; 7 require_once 'contact-7.php';
8 require_once 'widgets-area.php';
8 9
9 define( 'ALLOW_UNFILTERED_UPLOADS', true ); 10 define( 'ALLOW_UNFILTERED_UPLOADS', true );
10 11
......
1 <?php
2 function custom_widgets_init() {
3
4 register_sidebar( array(
5 'name' => 'Custom Footer Left Widget Area',
6 'id' => 'custom-footer-left-widget',
7 'before_widget' => '<div class="chw-widget">',
8 'after_widget' => '</div>',
9 'before_title' => '<h2 class="chw-title">',
10 'after_title' => '</h2>',
11 ) );
12
13 register_sidebar( array(
14 'name' => 'Custom Footer Right Widget Area',
15 'id' => 'custom-footer-right-widget',
16 'before_widget' => '<div class="chw-widget">',
17 'after_widget' => '</div>',
18 'before_title' => '<h2 class="chw-title">',
19 'after_title' => '</h2>',
20 ) );
21
22 }
23 add_theme_support( 'widgets' );
24
25 add_action( 'widgets_init', 'custom_widgets_init' );
...\ No newline at end of file ...\ No newline at end of file
...@@ -14,6 +14,11 @@ ...@@ -14,6 +14,11 @@
14 @import "footer"; 14 @import "footer";
15 @import "link_block"; 15 @import "link_block";
16 16
17 #full-width-page-wrapper:not(.home-page) {
18 padding-bottom: 200px;
19 padding-top: 130px;
20 }
21
17 .extra-wide-left{ 22 .extra-wide-left{
18 padding: 50px 90px 90px 0px; 23 padding: 50px 90px 90px 0px;
19 } 24 }
......
...@@ -4,6 +4,8 @@ ...@@ -4,6 +4,8 @@
4 height: 100px; 4 height: 100px;
5 margin-top: -100px; 5 margin-top: -100px;
6 position: absolute; 6 position: absolute;
7 padding-bottom: 80px;
8 z-index: 99;
7 9
8 } 10 }
9 #wrapper-footer:before{ 11 #wrapper-footer:before{
...@@ -19,4 +21,28 @@ background-repeat: no-repeat; ...@@ -19,4 +21,28 @@ background-repeat: no-repeat;
19 margin-top: -120px; 21 margin-top: -120px;
20 22
21 } 23 }
24 .site-footer{
25 img{
26 float: right;
27 margin-top: -30px;
28 width: 230px;
29 }
30 }
22 31
32 #menu-footer{
33 list-style: none;
34 padding-left: 0px;
35 li{
36 a{
37 color: #fff;
38 text-decoration: none;
39 font-size: 18px;
40 line-height: 24px;
41 font-weight: 300;
42 &:hover{
43 color: #fff;
44 text-decoration: none;
45 }
46 }
47 }
48 }
......
1 #main-nav{ 1 #main-nav{
2 height: 123px; 2 height: 123px;
3 } 3 }
4 #wrapper-navbar{
5 position: fixed;
6 -webkit-box-shadow: 0px 7px 15px -3px rgba(0,0,0,0.39);
7 box-shadow: 0px 7px 15px -3px rgba(0,0,0,0.39);
8 width: 100%;
9 z-index: 999;
10 background-color: #fff;
11 }
4 .home-header{ 12 .home-header{
5 position: relative; 13 position: relative;
6 height: 100%; 14 height: 100%;
...@@ -12,6 +20,7 @@ ...@@ -12,6 +20,7 @@
12 display: flex; 20 display: flex;
13 align-content: space-around; 21 align-content: space-around;
14 flex-wrap: wrap; 22 flex-wrap: wrap;
23 top: 120px;
15 .content-container{ 24 .content-container{
16 margin-left: 35%; 25 margin-left: 35%;
17 width: 100%; 26 width: 100%;
...@@ -54,6 +63,11 @@ bottom: 0px; ...@@ -54,6 +63,11 @@ bottom: 0px;
54 } 63 }
55 64
56 .home-page{ 65 .home-page{
57 margin-top: -50px; 66 margin-top: -40px;
58 padding-bottom: 0px; 67 padding-bottom: 0px;
68 .entry-content {
69 margin-top: 120px;
70 position: relative;
71 z-index: 99;
72 }
59 } 73 }
...\ No newline at end of file ...\ No newline at end of file
......