0.00 avg. rating (0% score) - 0 votes

I wanted to make the indivitual post pages 100% wide, and also the headings a bit bigger. Here’s the CSS to do it:

/* Make individual posts full-width */
.singular.page .hentry {padding:1em;}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
 width: 100%;
}
/* Fix the edit button placement */
.singular .entry-meta .edit-link a {
  bottom: auto;
  left: 0px;
  right: auto;
  top: 30px;
}
/* Make headings a bit bigger */
.singular .entry-content h1 {
  font-size: 28px;
  margin-top: 44px;
}
.singular .entry-content h2 {
  font-size: 18px;
  margin-top: 28px;
}

/* Make individual posts full-width */

.singular.page .hentry {padding:1em;}

.singular .entry-header,

.singular .entry-content,

.singular footer.entry-meta,

.singular #comments-title {

width: 100%;

}

/* Fix the edit button placement */

.singular .entry-meta .edit-link a {

bottom: auto;

left: 0px;

right: auto;

top: 30px;

}

/* Make headings a bit bigger */

.singular .entry-content h1 {

font-size: 28px;

margin-top: 44px;

}

.singular .entry-content h2 {

font-size: 18px;

margin-top: 28px;

}

Example H1

Example text 1

Example H2

Example text 2

I used the Add to All plugin to do it. Seems to work fine. Thanks go to:

Leave No Bit Unturned

Category Archives: Site info

Make WordPress Twenty Eleven theme post pages full wide

Example H1

Example H2

AVH First Defense Against Spam « WordPress Plugins

Hello again, world!

Site opened