Created
September 14, 2019 13:18
-
-
Save topleague/6e72e419e337acc4ce6b5a3e4998bc72 to your computer and use it in GitHub Desktop.
Replicate Single Post Template of Journal Theme
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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