Wordpress: Difference between revisions

From annawiki
(Created page with " ==Multilingual site== *https://codex.wordpress.org/Multilingual_WordPress *http://www.wpbeginner.com/beginners-guide/how-to-easily-create-a-multilingual-wordpress-site/")
 
No edit summary
 
Line 3: Line 3:
*https://codex.wordpress.org/Multilingual_WordPress
*https://codex.wordpress.org/Multilingual_WordPress
*http://www.wpbeginner.com/beginners-guide/how-to-easily-create-a-multilingual-wordpress-site/
*http://www.wpbeginner.com/beginners-guide/how-to-easily-create-a-multilingual-wordpress-site/
==Footer==
/*******sticky footer********/
html, body {
        height: 100%;
}
#___page {
    min-height:100%;
    position:relative;
}
div#content {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -240px;
}
div#content:after {
  content: "";
  display: block;
  height: 240px;
}
#page div.site-content-contain {
    verflow:auto;
    _min-height: 100%;
    adding-bottom: 240px;
}
.page-wrap /*div#content*/{
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -142px;
}
.page-wrap:after /*div#content:after*/{
  content: "";
  display: block;
}
.site-footer, _div#content:after {
  height: 240px;
}
.site-footer {
  background: orange;
}
-----------------------------------------
/*******sticky footer********/
html, body {
        height: 100%;
}
#page,.site-content-contain {
    min-height:100%;
    osition:relative;
}
div#content {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -240px;
}
div#content:after {
  content: "";
  display: block;
  height: 240px;
}
#page div.site-content-contain {
    verflow:auto;
    _min-height: 100%;
    adding-bottom: 240px;
}
--------------------------------------------
#colophon{
position:absolute;
width:100%;
bottom:0px;
min-height:200px;
}
@media screen and (min-width: 48em){.page:not(.home) div#content{
padding-bottom: 200px;
}
}

Latest revision as of 2017-05-16T16:08:22

Multilingual site

Footer

/*******sticky footer********/ html, body {

       height: 100%;

}

  1. ___page {
   min-height:100%;
   position:relative;

} div#content {

 min-height: 100%;
 /* equal to footer height */
 margin-bottom: -240px;

} div#content:after {

 content: "";
 display: block;
 height: 240px;

}

  1. page div.site-content-contain {
   verflow:auto;
   _min-height: 100%;
   adding-bottom: 240px;

}

.page-wrap /*div#content*/{

 min-height: 100%;
 /* equal to footer height */
 margin-bottom: -142px;

} .page-wrap:after /*div#content:after*/{

 content: "";
 display: block;

} .site-footer, _div#content:after {

 height: 240px; 

} .site-footer {

 background: orange;

}


/*******sticky footer********/ html, body {

       height: 100%;

}

  1. page,.site-content-contain {
   min-height:100%;
   osition:relative;

} div#content {

 min-height: 100%;
 /* equal to footer height */
 margin-bottom: -240px;

} div#content:after {

 content: "";
 display: block;
 height: 240px;

}

  1. page div.site-content-contain {
   verflow:auto;
   _min-height: 100%;
   adding-bottom: 240px;

}


  1. colophon{

position:absolute; width:100%; bottom:0px; min-height:200px; } @media screen and (min-width: 48em){.page:not(.home) div#content{ padding-bottom: 200px; } }