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

The link to the site is https://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.

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;
}

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

Glad to be able to help. Keep at it!