Problems with unnecesary blank spaces
-
Hi again to everyone!
this time i’d need some help with these two things:
1- the blank space that’s shown on the top side of the side bar. There should be like a margin of 2 or 3 pixels on the top with the grey background.
2- the space left between the “read more” button and the “number of comments”. I’d like to put the “Number of comments” button on the right of the same line that the “read more” button. I wrote “display:none” on the class tag and it worked so I don’t know what’s making that space between them.
Anyone can help? thank you for your time!
The blog I need help with is: (visible only to logged in users)
-
See if this doesn’t get what you want. Adding even 1px of padding reveals about 10px of grey (which is weird) above the authors widget title.
#sidebar ul { padding-top: 1px; }Putting the read more and the comment link on the same line (so to speak) would be a challenging because the read move is actually part of the post content.If you happen not to use the read more, then the last element in the post content would be the final paragraph and the comment link would try and align with the last paragraph in that case.
The comment link can certainly be moved over to the right and the spacing between tightened up. Give this a try and see what you think.
.post p.postcontrols, .attachment p.postcontrols { margin: 0 0 20px; padding-right: 20px; text-align: right; width: 200px; } -
hi again! as you said adding 1px of padding on the ul solves half of the problem lol. I’ve been thinking a lot about it but well, if no one approaches with a better solution i’ll go with it, i’ll put some image with a gradient from white to grey on the top of the ul so at least it doesn’t get this feeling of bad paste.
about the read more link, now it makes sense, i didn’t know it was part of the post content. Well, in that case, I think of two ways of putting the comment link:
1- the same code you’ve written but aligned on the left (could you please write it? i’ve tried to do it but it didn’t work lol), so that it doesn’t look like it hangs out from nowhere.
2- or if there’s anyway to put this link on another place, as for example, below the “postinfo”, between the picture and that information. I don’t know if it’s even possible but well, i got nothing to lose if i ask :P.
-
1. Replace what I had given you with the following.
.post p.postcontrols, .attachment p.postcontrols { float: left; margin: 0 0 20px; padding-left: 20px; }2. This would be a little difficult since post titles can vary in height. Some are one line, some are two, some are three.
-
Thank you so much!
By the way, yesterday I read something about having a different image for each category, but I only found info about wordpress.org not wordpress.com. Is that possible to do in a wordpress.com account? and if it is, how?
Thanks again for your time :).
-
Yes it is with some themes here. Not all are CSS-rich enough to allow this.
If you go to a category page, do a view source and look in the opening “body” tag, you will find a class listed something like this,
category-1Each category page will have a different ID number (category-2, category-3, etc.).
You then need to write CSS rules that specifically target that particular the categories pages by ID with the header images and such declared in them. The following is an example, but this is just off the top of my head as I’ve not looked at your site to see what would actually be required.
.category-1 #header img { background: url("URL of image") no-repeat scroll 0 0 transparent; }You could actually just copy and past and edit the existing stuff we did for the headers and then add the .category-ID# at the beginning of the selector.
-
-
yay! it worked perfectly! thank you again! :D little by little my blog seems to have a little more dignity lol!
-
- The topic ‘Problems with unnecesary blank spaces’ is closed to new replies.
WordPress.com Forums 