Change your header in StudioPress Fabric Theme

The first thing I kept dealing with on the Fabric theme was that my header didn’t fit.  It kept getting cutoff at the bottom.  The listed default size is 960×100 pixels, so I specifically created a header to fit those dimensions.  It still didn’t fit.

I kept making the font smaller and smaller, until I just didn’t like it at all!  So I started digging into the style sheet.  But, you say, the entire purpose of WordPress for Regular Folks is that one doesn’t need to code.  No HTML required!  haha.  Well, that is Mostly true!  However, in this case, you will need to edit the style sheet.

Once I was in the style sheet, the first thing I noticed is that the style sheet itself has the header coded to 960×80 pixels!  Sooo, if you are happy with a very thin header and don’t want to edit the style sheet, then you simply need to change your header to 960×80 pixels and voila! your header will work just fine.  If, on the other hand, 960×80 will not fit your needs, then that fix is pretty simple as well.

In this case, I want to change the height of the header to 200px high.  Remember, this is for the Studio Press / Genesis / Fabric child theme.  This is done by going under ‘Appearance’ and then ‘Editor’ and then editing the CSS. *NOTE* The Genesis / Fabric theme comes with more than one style sheet.  You need to select the style sheet (under Genesis theme settings) and then make sure you edit the correct style sheet when you go into the Editor.

Once in the Editor, find the header section and change the height of your header.  To correct it to the defaults, simply change the 80px to 100px.

Hope that helps!