Skip to content

Instantly share code, notes, and snippets.

@amylaneio
Created January 31, 2018 16:37
Show Gist options
  • Save amylaneio/1f07ddd166bc80f11b2c3c4f090350b4 to your computer and use it in GitHub Desktop.
Save amylaneio/1f07ddd166bc80f11b2c3c4f090350b4 to your computer and use it in GitHub Desktop.
/* Reduce white space around footer widget area */
aside.widget-area {
padding: 0;
padding-bottom: 1.4em;
}
/* Make the first footer widget column 100% width */
.widget-wrapper .footer-widget-1 {
width: 100%;
}
/* center the footer menu */
.widget-wrapper .footer-widget-1 .widget_nav_menu {
margin: 0 auto;
max-width: 570px; /* change when adding/removing menu items */
}
/* make footer widget menu left to right, instead of vertical */
.widget-wrapper .footer-widget-1 .widget_nav_menu li {
float: left;
border-top: none;
padding-left: 1em;
font-size: .75em;
}
/* add vertical line between menu items in footer */
.widget-wrapper .footer-widget-1 .widget_nav_menu li:nth-child(n+2):before {
content: "|";
padding-right: 1em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment