Making the “Modern” WP theme wider
I am currently using the very artful “Modern” WP theme. However, I find it slightly too narrow, or maybe my blogs are wordy and seem too long (you decide). Unlike some WP themes, this one is fixed width, so even if you resize your browser wider, you gain no additional width for the main body text.
I wanted to add 100 pixels to the text body width. You are looking at the result. I’m not a CSS hacker so it was a bit hit and miss but it seems good. For the record, here are the seven changes required:
#pagestripe {background: rgb(221,217,215); width: 780px; => 880px
#page {
width: 780px; => 880px
#content {
width: 419px; => 519px
#content.single {
width: 518px; => 618px
#footer {
width: 510px; => 610px;
#footer.single {
width: 780px; => 880px
#description, #sidebar {
margin-left: 511px; => 611px
January 29th, 2007 at 7:47 am
/* All blog posts (div class=”entry”) fully justified */
.entry p {
text-align: justify;
August 15th, 2007 at 7:52 am
Correction: To fully justify all text (both on the main page and when you click on an entry) requires changes to two classes:
/* All blog posts fully justified */
.entry p {
text-align: justify;
}
.entrytext p {
text-align: justify;
}