Reduce white space above page-title and also above page-content

Let’s see the Webpage you’re referring to.

I edited the padding values of page-title and page-content in style.css, but did not see any change in the appearance of the pages.

What do you mean? If you’re using a Child Theme you won’t have any CSS in your style.css file will you?

I copied the style.css file of twentythirteen into my child theme. There is nothing special about my pages, so you will see the large white spaces above and below the page title in the out-of-box twentythirteen. I have made other modifications to my child theme css so it appears to work in general. One of the other changes that I made was to reduce the spaces above and below the site title in the header. This worked fine.
Thank you for your involvement. I hope my explanation is helpful.

I have made other modifications to my child theme css so it appears to work in general

That makes it a lot more difficult for us, strangers to your site, to track down what you’ve done and what was original in the theme. As we have a lot more code to wade through. I suspect at least a thousand lines in your style.css file?

The best we can do is use a browser developer tool, like the one built-in to Chrome to try to fish out the styles causing the issue, but for that we would need a link to a Webpage with the issue.

Andrew. I have made very few other changes and all I am trying to do is change the spacing above and below the page title. If you can tell me if changing the padding values for page title and page content are on the right track that would be good. I certainly do not expect anyone to analyze my entire style.css. If there is a better way to make changes to style.css please advise and I will try it.
Regards

If there is a better way to make changes to style.css please advise and I will try it.

In the example on Codex you import the styles over in 1 line of CSS:

@import url("../twentythirteen/style.css");

That is the equivalent of copying the entire stylesheet and pasting it into your Child Theme style.css file.

Anyway, we still need a link to a Webpage with the white space you describe. It is fine if you can’t link your website, but you’d need to link another website that has the same issue. For example, look at the theme’s demo website to see if you can find the same issue: https://wp-themes.com/twentythirteen

Okay, I will do that going forward. I understand that will make it easier for others to help me as my modification will be obvious. For right now, if you go to the URL you specified above: https://wp-themes.com/twentythirteen, you will see what I an trying to do. I simply want to reduce the white space above and below the page title “Worth A Thousand Words”.

Try this:

#content > article {
 padding: 0;
}

Andrew,
Thank you. That worked great for the space above the page title. I still need to reduce the space below the page title. Can you help me here?
Thanks again

Edit: Oh sorry forgot to read the last post

Try this as well:

.entry-title {
 margin: 0;
 line-height: .7;
}

Andrew,
This shrunk the space above the page title to line-height of .7, but did not change the space below the page title.
Regards

Hey lbentkower, you mentioned that you had entered padding values and this is on the right track. However since you didn’t get the result you wanted…

Try adding to your css for site-title and whatnot:
margin-top:8px;
margin-bottom:8px; (or whatever value you deem fit)

Otherwise, if there’s still no change, you can add to your line:
margin-top:8px !important;

And see if that overrides any previous styles that are of issue.

Hi ktrantum,
Thank you for your input. I tried your suggestions but they did not have any affect. Do you know what template the white space that I am trying to reduce belongs to?
Thanks again for your help.

P.S. If anyone else know the template name I would appreciate hearing from you.

Ahhh, well page-title usually resides I’d say in the header.php file.

However, header.php is not a template file, but just used to be included, or required, in template files.

Think of your template file as a page with a certain look. Adding a new page, you can make it into a new template name (Slideshow Template/Regular Page Template, etc.) but in each of these you will have a call to include your header.php at the top of it. This is removing any duplicate code, and making sure you only have ONE header.php that you can refer to any number of times.

I hope this helps, let me know.