[bcoco]

I prefer to make it easy - I add a custom.css file to the child theme, and then use an mu-plugin (ala Bill Erickson) for my custom functions.

Keep those backed up, and then when it's time for the update, you just add your custom.css file back in, and you're good to go. (updates won't mess with your custom functions, since they're outside the theme structure.)

[bcoco]

Shoot, sorry - messed up the first one:

#site-inner should be .site-inner (class, not id). My bad.

[bcoco]

Oh, and if you’re still using the Genesis 1.x structure, then this also works (or did for me, but I haven't tested in on Minimum yet) :

'/* Sticky Footer
------------------------------------------------------------ */
html,
body {
margin:0;
padding:0;
height:100%;
}
#wrap {
min-height:100%;
position:relative;
}
#header {
padding: 10px;
}
#inner {
padding: 10px;
padding-bottom:120px; /* Height of the footer */
}
#footer {
position:absolute;
bottom:0;
width:100%;
height:120px; /* Height of the footer */
}'

note: you may have to play with the padding values for the header and inner divs, since they could be overwritten elsewhere in your css, or need to be

Hope that helps!

[bcoco]

Whoops - that #site-inner should be .site-inner (class, not id). My bad.

Oh, and if you're using the Genesis 1.x structure, then this also works (or did for me) :

/* Sticky Footer 
------------------------------------------------------------ */
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#wrap {
   min-height:100%;
   position:relative;
}
#inner {
   padding-bottom:120px;   /* Height of the footer */
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:120px;   /* Height of the footer */
}

note: I removed the padding in the header and inner divs, because it's not really needed...

[bcoco]

Hi Gordana,

This worked for me, using Genesis 2 and it's HTML5 structure:

/* Sticky Footer 
------------------------------------------------------------ */
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
.site-container {
   min-height:100%;
   position:relative;
}
header {
   padding:10px;
}
#site-inner {
   padding:10px;
   padding-bottom:120px;   /* Height of the footer */
}
footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:120px;   /* Height of the footer */
}

[bcoco]

This worked for me, using Genesis 2.0 (I'm using a child theme I'm developing off of the sample):

/* Sticky Footer 
------------------------------------------------------------ */
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
.site-container {
   min-height:100%;
   position:relative;
}
header {
   padding:10px;
}
#site-inner {
   padding:10px;
   padding-bottom:120px;   /* Height of the footer */
}
footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:120px;   /* Height of the footer */
}

Hope that helps!

[bcoco]

This one is stumping me, too. Anyone get this to work? (Seems like such a simple thing - have a post with comments on the front page. Y'know?)

[Author]

Posts