Skip to content

Instantly share code, notes, and snippets.

@chrisegg
Last active January 1, 2016 08:19
Show Gist options
  • Save chrisegg/8117824 to your computer and use it in GitHub Desktop.
Save chrisegg/8117824 to your computer and use it in GitHub Desktop.
Add this code to your themes style.css file. This code will style the widget area nicely. Feel free to edit it as needed.
/* Page Title
--------------------------------------------- */
.pagetitle {
background-color: #222;
border-top: 5px solid #eaeaea;
margin: 0;
margin: 0;
padding: 40px;
padding: 2rem;
text-align: left;
}
.pagetitle + .site-inner {
margin-top: 0;
}
/* iPads (portrait)
--------------------------------------------- */
@media only screen and (max-width: 1023px) {
.pagetitle {
margin-top: 0;
padding-left: 5%;
padding-right: 5%;
}
}
/* iPhones (portrait and landscape)
--------------------------------------------- */
@media only screen and (max-width: 767px) {
.pagetitle {
display: none;
}
}
@media only screen and (max-width: 480px) {
.pagetitle {
display: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment