Twenty Fourteen
How to get rid of space that was occupied by [Category Archives : (categoryname) (5 posts)

  1. Ooteschoogen
    Posted 2 years ago #

    I got rid of the header [Category Archives : (categoryname)] successfully using custom.css. However the space that the text occupied is now a blank space. I'm guessing the header is still there it just doesn't contain text anymore. I am wondering if there is a way to get rid of the header all together so the white space isn't there any more?

  2. Ooteschoogen
    Posted 2 years ago #

    The link to the site is http://www.keepitrealrn.com/kirrn

    I'm still in the process of building it. OK here is my explanation.

    1. When you first go to to the site the front page will show the newest post(s) You will see that there is a little bit of gray between the header and the white content field. That is OK

    2. Click on either Bugger, or News in the menu and that will take you to an "archive:category" page. You will see that the gray space between the header and the white content field is quite a bit larger. Some of that space was occupied by the text "archive category : category name" which does not appear thanks to custom.css.

    3. Click on videos in the menu and you will see that the gray area between the header and white content field is narrow again. Because the "videos" page is a page where as "Bugger" and "News" are category/archive pages.

    At the end of the day I would like the "Pages" and "Category Archive Pages" to have a uniform amount of gray space between the white field and the header.

  3. mlddev
    Posted 2 years ago #

    Ok, first the gray color can be controlled via (if you didn't already figure that one out):

    .styles #page {
      background-color: #D8D8D8;

    The padding above the content area on your post pages can be adjusted through adjusting the bottom margin. Below I have just set it to zero:

    .archive-header, .page-header {
      margin: 0 auto;
      padding: 0 10px;

    You already set a custom padding of 28px on ( I suggest using 40px to better match the left and right padding:)

    .content-area, .content-sidebar {
      padding-top: 40px;

    You also may want more space from the content area top edge to the page title:

    .site-content .entry-header {
      padding: 28px 10px 12px;
  4. Ooteschoogen
    Posted 2 years ago #

    Thank you so much middev. I pasted your suggestions into my custom.css and it accomplished exactly what I was trying to get. I even played with the numbers a bit just to see exactly what changed and learned a lot. At the end of the day I used the code exactly as you suggested.

    I'm a complete newb at .css and the learning curve is steep. LOL

  5. mlddev
    Posted 2 years ago #

    Glad to be able to help. Keep at it!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.