White space above header image

Sorry I should say LOGO image.

Hi Jason…first, that is awesome seeing a video in the page. Great job!

Regarding the space above the logo, that is done by this:

@media (min-width: 68em) {
#site-branding-inner {
    min-height: 0;
    padding: 8% 6%;
}
}

The padding puts the space around the container (actually inside the container) where 8% represents the top and bottom, while 6% represents the right and left sides. So for you, you can create some custom CSS to adjust it either in % or pixels (px), such as this example:

@media (min-width: 68em) {
#site-branding-inner {
    padding: 10px 20px 10px 20px;
}
}

The above means 10px at the top, 20px on the right, 10px at the bottom, and 20px on the left…in that order of sequence, or you can do the short-hand method of:

padding: 10px 20px;

I see you are using Jetpack, so the custom CSS above can be added to Jetpack’s own Custom CSS feature.

THANK YOU SO MUCH THAT WAS SO HELPFUL!

Do you have any idea how to get rid of the very slight gap on the right hand side as well?

https://jasonjcohn.com/gridtest/

You are very welcome.

Slight gap on the right side?
I don’t see any gap on my end; only spacing I see is on the left and right of the logo.

• This reply was modified 8 years, 4 months ago by Shaped Pixels.

https://jasonjcohn.com/gridtest/

I’m talking about down the right-hand side of the grid.

If you are referring to a thin white line, that looks like it’s part of whatever the plugin you are using that has CSS prefixed with “esg”. Whatever that plugin is, it loads a massive amount of code. But the line there is either a border or a width of something that isn’t going flush to the right. My guess is that you might want to contact the developer of that plugin and see if they know what and why it’s adding a 2px space (or border) there.

It’s a article with the custom content you have there that is not going 100% to the right. If this is an issue, you can probably do something like:

article.hentry {
    position: relative;
    right: -2px;
}

• This reply was modified 8 years, 4 months ago by Shaped Pixels.

Thanks!

https://jasonjcohn.com/photo/

Any idea of how to get rid of the space underneath?

Sorry for the million questions by the way.

You won’t be able to get rid of the white space as that is the page content background and it’s also where the footer info and copyright will show in mobile mode.

As a side note, it’s generally better to post new questions as a new topic, otherwise the forum moderators will make that request when they see different topic based questions in the same posting.

Cheers,
Andre