Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save topleague/6e72e419e337acc4ce6b5a3e4998bc72 to your computer and use it in GitHub Desktop.
Save topleague/6e72e419e337acc4ce6b5a3e4998bc72 to your computer and use it in GitHub Desktop.
Replicate Single Post Template of Journal Theme
/* Enter Your Custom CSS Here */
.single .site-container {
background: white;
max-width: 90%;
overflow: hidden;
width: 1400px;
margin: 0 auto;
}
.single .featured-image {
z-index: 0;
margin: 0 -250px -250px;
position: relative;
}
.single .site-inner {
max-width: 900px;
margin: 0px auto;
}
.single .entry {
z-index: 2;
background: #fff;
position: relative;
background-color: #fff;
margin-bottom: 40px;
padding: 70px 80px;
}
.single h1.entry-title, .page h1.entry-title {
font-size: 46px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
}
.single .content .entry-content > p:first-of-type {
color: #666;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 28px;
line-height: 41px;
margin-bottom: 40px;
font-weight: 300;
}
p.entry-meta {
color: #999;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
margin-bottom: 20px;
text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 600;
line-height: 1.2;
margin: 0 0 10px;
}
@media only screen and (max-width: 1024px) {
.single .site-container {
max-width: 100%;
padding: 0 10%;
}
.single h1.entry-title, .page h1.entry-title {
font-size: 32px;
}
.single .featured-image {
margin: 0 0 25px;
}
.single .site-inner, .comment-respond, .content .entry {
padding: 0;
}
.single .content .entry {
padding: 0;
}
.content .entry {
padding: 5%;
}
.site-inner .wrap {
padding-left: 0;
padding-right: 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment