[timchilcott]

I’d like to remove some of the space between the logo image and the navigation. I’d also like to remove some space between the navigation and the element on the Alternate homepage. Can’t find the right values anywhere.

[ahmetsali]

Hi, try the custom css code below;

h1.site-title { line-height: 1; margin-bottom: 0; }
.intro h2 { margin-top: 0; }

[timchilcott]

No change.

[timchilcott]

Even went through and tried clearing my cache.

[ahmetsali]

Can you provide a url to see what’s wrong?

[timchilcott]

http://jumper.io is the URL I basically want to move everything up tighter.

[ahmetsali]

Ok, delete the custom css in my first post, then try this custom css;

.site-header { padding-bottom: 2em; }
.hentry > h1 { margin-top: 0; }
h1.site-title a { border-bottom: none; }
.site-header hgroup { padding: 1.5em 0 0.5em 0; }

[timchilcott]

Same result. No change.

[ahmetsali]

Hit “Ctrl + F5” i see the changes on your site, also add this custom css;

h1.site-title { line-height: 1; margin-bottom: 0; }

[timchilcott]

Hmm. I’ve tried in three different browsers on my laptop and also my iPad. Still no changes.

[timchilcott]

Just ran down to my basement and checked it on a Windows machine and I see the same thing on all computers/devices.

[ahmetsali]

This is really weird, i still can see the changes on your site, white spaces are reduced, send me a screenshot to be sure if we both see the same result.

[timchilcott]

That’s what I am seeing

http://i47.tinypic.com/xf3i53.png

[ahmetsali]

I see the same thing, haven’t you noticed that white spaces around header and logo are reduced after custom css code. I can see the difference clearly. Try deleting the custom css and see how it looks without custom css.

[timchilcott]

I am trying to accomplish something like this. Here is a quick photoshop mockup. I want to move the content much closer together.

http://i49.tinypic.com/2hgbm3b.png

[ahmetsali]

I think that looks really bad with almost no white space, you can do this with these custom css;

.site-header { padding-bottom: 0em; }
.hentry > h1 { margin 0; }
h1.site-title a { border-bottom: none; }
.site-header hgroup { padding: 0em 0 0.5em 0; }
h1.site-title { line-height: 1; margin-bottom: -0.3em; }
.readable-content > .hentry { padding: 0.7em 0 2.5em 0; }

Besides that you have some empty “p” tags in your content that makes extra white spaces, you can remove them in Editor’s Text tab.

[timchilcott]

That will get me started. Thank you.