3 Questions

Sep 14, 2005 01:47

Ok, I've got three hopefully easy questions to fix - I've tried on my own, checked the mems, the search engine, slogged through as many entries as I could, and yet:

1. Can anyone tell me if it's possible to stretch the sidebar titles and the comment bar to the width of sidebar and entry, respectively? -SOLVED2. Adjust the space between the ( Read more... )

comments, sidebar, header and footer

Leave a comment

Comments 19

afuna September 14 2005, 14:28:17 UTC
1. - stretching the comment bar

The space around the comment bar is there because of the padding within .entry. But if you just remove that padding, your entry text and metadata will look funny so you need to apply padding elsewhere to compensate. Thus:

.entry {
padding: 10px 0px 10px 0px;
}

.entry_text, .currents {
padding-left: 10px;
padding-right: 10px;
}

As a side note, it wouldn't have worked if you'd had left and right borders around your entry, since the entry border would have been visible right outside the comment bar, but since you've taken out that border already, everything should be just perfect :)

- sidebar titles
As with the comment bar, the space around the title isn't handled by the title but rather comes from its container's padding. Thus:

/*remove the space around the sidebar ( ... )

Reply

blackestfaery September 14 2005, 17:52:37 UTC
I'm almost there, and I'm really thankful for your help so far :)

The comment bar and sidebar titles are fully stretched out now - but I ran into another slight glitch.

The coding to take out the left and right borders that worked fine on my .entry, .comment, and #sidebar won't work for my sidebar titles. Am I just putting it in the wrong place?

And for 3:

I took out the 15px from margin-top, but wasn't sure if I was supposed to just set it to 0px. Was I supposed to take it out completely?

It just ended up looking the same, I think.

Also, I couldn't find the clearfoot div part you'd mentioned.

Reply

afuna September 14 2005, 18:12:07 UTC
Try making it more specific by using li.sbartitle instead of just .sbartitle. The reason you're having a problem is that the code in the base layout stylesheet uses the more specific li.sbartitle, so you have to be at least that specific in order to override it.

For #3, it doesn't really matter, since there's no other css in either your stylesheet or the base layout's stylesheet that sets footer's margin-top to any value.

You can find the clearfoot by viewing source and then looking around the footer near the bottom. By the way, I just realized that you can set .clearfoot{ height: 0px;} #footer{ margin-bottom: (something)px;}, in order to remove a bit more space at the top while still keeping a decent space at the bottom :)

Reply

blackestfaery September 14 2005, 18:33:59 UTC
Well that did it - li.sbartitle and adding .clearfoot took out the rest of the space I needed.

You're. Amazing.

Reply


afuna September 14 2005, 14:58:11 UTC
2. The space between the entries and the sidebar is automatically calculated for based on the width of your sidebar and its position (left or right).

While you can manually change this with one line of css, the disadvantage of that is that in case you change your sidebar width/position, or your content's left-/right-padding, you'll have to manually change that css, so I hope you don't mind if I give you a slightly longer, but more flexible solution :)

Using the code below, you need only edit the red text in order to simultaneously change your content's padding, as well as the space between your sidebar and your entries (make sure it's a number. Don't add a px after it!)

Also, it will automatically adjust for any changes in the position/dimensions of the sidebar.

You'll need to merge it with your existing Page::print_custom_head. That is, copy and paste the contents of the code below to within the Page::print_custom_head in your layer, making sure that the things outside the """ """; remain outside, and the things inside are still ( ... )

Reply

blackestfaery September 14 2005, 17:35:18 UTC
This did the trick - I know it was such a little thing, but it looks so much better now (to me at least) :D

Reply

afuna September 14 2005, 17:45:02 UTC
I know it was such a little thing,
Well if it bothered you, then it wasn't such a little thing! :D

Glad I could help and -- ooh! -- interesting look you have there :)

Reply

blackestfaery September 14 2005, 18:40:01 UTC
Thanks - you helped with it ^^

Reply


Leave a comment

Up