Created
September 15, 2014 19:33
-
-
Save jasongrimes/834afd93c3716992deff to your computer and use it in GitHub Desktop.
Custom CSS to make the Wordpress twenty fourteen theme full-width.
This file contains 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
/* | |
* Tweaks to the default Wordpress twenty fourteen theme to make it full-width. | |
*/ | |
/* Make entries full-width instead of the default 474px wide. */ | |
.site-content .entry-header, | |
.site-content .entry-content, | |
.site-content .entry-summary, | |
.site-content .entry-meta, | |
.page-content { | |
margin: 0 auto; | |
/* max-width: 474px; */ | |
max-width: 100%; | |
} | |
/* Don't pull featured images off into a left margin that's no longer there. */ | |
.full-width .site-content blockquote.alignleft, | |
.full-width .site-content img.size-full.alignleft, | |
.full-width .site-content img.size-large.alignleft, | |
.full-width .site-content img.size-medium.alignleft, | |
.full-width .site-content .wp-caption.alignleft { | |
/* margin-left: -168px; */ | |
margin-left: 0px; | |
} |
I tried this but the images are still showing in 474px size. Anything I'm missing for the images?
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I added this to my themes custom CSS file, but nothing seems to change. Any suggestions?