Some quick Headway gotcha

Although Headway theme packs a lot of features making default theme creation a bliss it misses something here and there.


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*/


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.