Reduce empty space between sections on static front page

am I really the only one?

No, you aren’t. Same Prob here. I think the handling of titles should be an important point in the template customizer and not a search and tryout for hours in css-data!

nice weekend,

michael
btw. looked at your site and its same design like mine ??
(www.test.weitergehen.org)

• This reply was modified 7 years, 10 months ago by micha6969.

well thanks for the comment. Sad to see we are in the same boat. Considering how big – ENORMOUS – everything is in 2017, I can’t believe no one has ever come up with this question before.

If you don’t want to see the word “HOME” on the homepage, which just seems natural to me, then you are looking at two inches of empty, wasted space between the header and the content of the website. That is ridiculous, right?

I gave up on 2017. Video header is nice, but the inability to deal with even the simplest elements of the theme make it unusable. I mean, think about it, not one single developer, not one single person with CSS experience, not one single voice frm the wordpress team has stepped up to address this most simple and basic element of design…

…which makes me think that it is an intrinsic shortcoming that can’t be simply changed, and it’s better to pretend that it doesn’t exist.

Bummer….

Can’t believe that, does really nobody know how to delete the white space under the upper menu after deletion of the titles. Why isn’t this part of the customizer?

So I have to change to another theme?
Sorry, that’s Ridiculous….

my question, too Micha. It’s just flabbergasting that this simple question remains unanswered.

I mean, not one of the devs will come into this thread and at least tell us WHY the space can’t be removed. That’s weird, usually folks who know all the CSS stuff are really happy to share…

peterjb101 gave me an answer and it works well!

give this a go

.site-content {
padding: 0px;
}

nice day
michael

that did not eliminate the space where the page titles do not appear.

this is what I am on about: https://i.imgur.com/Yya2b1T.jpg

try this:

/* removes space above the title */
.page-one-column .panel-content .wrap {
padding-top: 0px;
}

/*removes the front page title only */
.page .panel-content .entry-title {
display: none;
}

[Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

i think the .site-content code will remove space for the other pages

• This reply was modified 7 years, 9 months ago by bdbrown.
• This reply was modified 7 years, 9 months ago by bdbrown.

that’s an improvement, Pete!

still not 100%, but better!

View post on imgur.com

Ok

add
margin-top: -40px;

so paste:

/* removes space above the title */
.page-one-column .panel-content .wrap {
padding-top: 0px;
margin-top: -40px;

}

check it on various screen sizes, if it jumps up and covers your menu bar then you will need to add a media query.

PS If I ever make it to California will I get a discount!? haha

You know, looking at your site I would ignore the margin-top css. The white space between the top of the paragraph and the bottom at the moment are pretty much the same. If you remove more of the white space on top then it won’t match the white space between the line and the bottom of the paragraph?

Thanks for your help Peter. You da man.

RE: white space – you are thinking like a designer – try thinking like a customer, this is an EXACT quote:

“why do you have to scroll down a mile before you get to anything?”

Empty space does provide visual balance, but it does not sell. Most of the folks I’ve worked with over the years are in the “make my name bigger” school of artistic appreciation. Get to my content, asap.

Thanks again for your help.