Customize K2 Theme: Create Custom Style Sheet and Fixing Header Size

For simply His I already had a header design that was taller than the template would display. I created a custom style sheet to fix the header size. I’ll be adding to this custom style sheet to give the blog a more personal touch.

1. In the K2 RC2/styles folder, I created another folder “simplyhis” and an empty text file “simplyhis.css”
2. I edited simplyhis.css to add the following:

   #header {height:230px;}

3. Under Presentation -> Themes -> K2 Options, I went down to the Style section (referenced in Step #7 of this post). I selected the simplyhis.css style sheet.
4. Under the Header section on the same page, I uploaded and chose my header file here. This keeps it from resizing my header image for me.
5. Click the Update Options.

If you don’t know much about CSS, don’t worry. I’ll be getting into some very basic CSS so you’ll be able to make basic changes to a WordPress theme.