excess space on static page (manifest theme)

jamespeaty · Member · Dec 13, 2011 at 3:17 pm
Copy link

Add topic to favorites
hi!

i’ve created a little static home page for my manifest themed art blog and i’ve been wrestling with css code to rid myself of the vacant space it’s creating, and it’s proving to be a bit of a pain.

the areas i’m mainly concerned with are;

* the tagline area, i never use tag lines so the vacant space between the pale blue menu bar below the site title and the actual post is too far apart. (never mind the blank menu bar, i plan to use it at a later date.)

* the space between the end of the post text and the divider. i assume this is where it would usually say ‘leave a comment’ but since i have comments deactivated, it just leaves more of a gap.

*and finally, the space between the two lower dividers. this is where you would obviously have the prev page/next page navigators etc. since this is a static page which doesn’t use these…. that’s right. gap.

any suggestions greatly appreciated. i hope my post made sense, it’s late into the night here. if you take a look at my blog i’m sure you’ll know what i mean.

cheers in advance!

j

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Dec 13, 2011 at 5:48 pm
Copy link
This hides the element for the tagline.
```
#site-description {
display: none;
}
```
For the space at the bottom play with the bottom margin and padding here. Padding is between the end of the post and the first line. Margin is the space between the single and double lines.
```
.hentry {
margin-bottom: 30px;
padding-bottom: 37px;
}
```
jamespeaty · Member · Dec 14, 2011 at 12:07 am
Copy link
hi sacred, thanks for taking the time to help me out!

a few things;
hiding the tagline element works a treat for the static page, but unfortunately on a post page (clicking on the artwork) the post subject is now on top of the pale blue menu bar.

is there a way to position the subject below the post as opposed to above it, or is this strictly coded into the theme?
if it is i guess i can just have no subject, which looks great, only then it may be harder to distinguish the posts apart from the post list, and the “by jamespeaty” will still be hovering there. unless there is a way to hide the author byline as well?

and lastly, the h.entry margin/padding stuff has come out great as well!
my only question with that is would there be a way to get rid of one of the dividers, possibly the single dotted line as opposed to the double line?
if there isn’t no big deal, but you know, can’t hurt to ask. :D

thanks again!!!
thesacredpath · Member · Dec 14, 2011 at 12:18 am
Copy link
Not having a page title showing on the page that is set as the front page is what is causing the issue, so what we have to do is specifically preserve the spacing for the main page, but then fix the spacing everywhere else. The following should do it.
```
#core-content {
margin-top: 48px;

.home #core-content {
margin-top: 8px !important;
}
```
thesacredpath · Member · Dec 14, 2011 at 12:30 am
Copy link
When you say, “subject” are you talking about the title and the byline?

Single line below the content on the main page.
```
.home .hentry {
border-bottom: none;
}
```
If you then want to tighten up the spacing above the double line, play with the 40px value in the following.
```
.home #footer {
margin-top: 40px;
}
```
jamespeaty · Member · Dec 14, 2011 at 1:05 am
Copy link
cheers again sacred, site is looking great now!

only thing is this code doesn’t seem to be working as intended;

#core-content { margin-top:49px;

.home #core-content {
margin-top:5px !important;
}

the static homepage still seems to have a lot of space above the text. if i modify the first part by changing the 49px to 5px it looks perfect, but this effects the posts as well. the second part doesn’t seem to be working, unless i have done something wrong?

sorry to be a nuisance, and thanks again!

j
thesacredpath · Member · Dec 14, 2011 at 1:14 am
Copy link
I don’t see this in your custom CSS.
```
.home #core-content {
margin-top: 5px !important;
}
```
jamespeaty · Member · Dec 14, 2011 at 1:14 am
Copy link
on second thought

.home #core-content {
margin-top:5px !important;
}

doesn’t seem to want to show up.

*scratches head*
jamespeaty · Member · Dec 14, 2011 at 1:15 am
Copy link
D’OH. works now.

forgot to put another { and }.

Everything looks great now, thank you so much for your help! :)
thesacredpath · Member · Dec 14, 2011 at 1:16 am
Copy link
Try adding it again. I see nothing wrong with the code, and it works in Firebug on your site just fine.
thesacredpath · Member · Dec 14, 2011 at 1:16 am
Copy link
Ah, great and you are welcome.

No items found.