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 19
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
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
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
You're. Amazing.
Reply
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
Reply
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
Reply
Leave a comment