Although Headway theme packs a lot of features making default theme creation a bliss it misses something here and there.
Headings
HTML elements h4
, h5
and h6
are not styled from UI settings and some added CSS code is required to style them like the other headings; it’s just a matter of some copying and pasting in the live CSS editor the framework sports
h4, h5, h6 {
/*some CSS code here*/
}
Sticky
The theme won’t style sticky posts in any way hence it has to be done by hand with something like
/*sticky post*/
.post.sticky:after {
content: "sticky";
position: absolute;
top: 10px;
right: 0;
padding: 10px;
background-color: #334CBF;
color: rgba(255,255,255,0.65);
font-weight: bold;
font-family: helvetica,sans-serif;
}
Here I’m using the :after
pseudo-element to do so.
Images in posts and pages
Very wide images in posts and pages will break the layout if not contained. Again a little CSS will do the trick
/*contain larger images*/
div.entry-content img {
max-width: 100%;
height: auto;
}
Captioned images will be contained as well.
And probably some more
While some fiddling is required to get everything right I like Headway very much and after a peek into their code I like them even more.
To quickly spot almost any possible error and exception WordPress theme unit test is a blessing. Moving from a layout to another will quickly reveal all theme unconformities and the provided content will test layouts beyond a tired theme developer imagination.