Skip to content

Instantly share code, notes, and snippets.

@deckerweb
Forked from longjasonm/functions.php
Created August 4, 2013 19:27
Show Gist options
  • Select an option

  • Save deckerweb/6151600 to your computer and use it in GitHub Desktop.

Select an option

Save deckerweb/6151600 to your computer and use it in GitHub Desktop.

Revisions

  1. @longjasonm longjasonm revised this gist Aug 4, 2013. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion style.css
    Original file line number Diff line number Diff line change
    @@ -41,7 +41,8 @@
    .footer-widgets-3,
    .footer-widgets-4 {
    width: 100%;

    }

    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3 {
  2. @longjasonm longjasonm revised this gist Aug 4, 2013. 1 changed file with 10 additions and 5 deletions.
    15 changes: 10 additions & 5 deletions style.css
    Original file line number Diff line number Diff line change
    @@ -1,16 +1,21 @@
    /* 4-Column Footer (Overrides default 3-column setup in Genesis, so that code must remain in place)
    ---------------------------------------------------------------------------*/

    .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 {
    width: 21.875%; /* 252px / 1152px */
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .footer-widgets-4 {
    width: 21.875%; /* 252px / 1152px */
    }

    .footer-widgets-1, .footer-widgets-2, .footer-widgets-3{
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3 {
    float: left;
    margin-right: 4.166666666%; /* 48px / 1152px */
    }
    .footer-widgets-4{
    float:right;
    .footer-widgets-4 {
    float: right;
    }

    @media only screen and (max-width: 768px) {
  3. @longjasonm longjasonm revised this gist Aug 4, 2013. 1 changed file with 16 additions and 2 deletions.
    18 changes: 16 additions & 2 deletions style.css
    Original file line number Diff line number Diff line change
    @@ -19,13 +19,27 @@
    .footer-widgets-2,
    .footer-widgets-3,
    .footer-widgets-4 {
    width: 100%;
    width: 47.9166666666%; /* 552px / 1152px */
    }

    .footer-widgets-2 {
    float: right;
    margin: 0;
    }

    }

    @media only screen and (max-width: 480px) {

    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .footer-widgets-4 {
    width: 100%;

    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3 {
    margin: 0;
    }

    }
  4. @longjasonm longjasonm revised this gist Aug 4, 2013. 1 changed file with 20 additions and 4 deletions.
    24 changes: 20 additions & 4 deletions style.css
    Original file line number Diff line number Diff line change
    @@ -2,14 +2,30 @@
    ---------------------------------------------------------------------------*/

    .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 {
    width: 21.875%; /* 252px / 1152px */
    width: 21.875%; /* 252px / 1152px */
    }

    .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
    .footer-widgets-1, .footer-widgets-2, .footer-widgets-3{
    float: left;
    margin-right: 4.166666666%; /* 48px / 1152px */
    }

    .footer-widgets-4 {
    .footer-widgets-4{
    float:right;
    }

    @media only screen and (max-width: 768px) {

    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .footer-widgets-4 {
    width: 100%;
    }

    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3 {
    margin: 0;
    }

    }
  5. @longjasonm longjasonm created this gist Aug 4, 2013.
    5 changes: 5 additions & 0 deletions functions.php
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,5 @@
    <?php
    //* Do NOT include the opening php tag

    // Add support for 4-column footer widgets
    add_theme_support( 'genesis-footer-widgets', 4 );
    15 changes: 15 additions & 0 deletions style.css
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,15 @@
    /* 4-Column Footer (Overrides default 3-column setup in Genesis, so that code must remain in place)
    ---------------------------------------------------------------------------*/

    .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 {
    width: 21.875%; /* 252px / 1152px */
    }

    .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
    float: left;
    margin-right: 4.166666666%; /* 48px / 1152px */
    }

    .footer-widgets-4 {
    float:right;
    }