catherinelittle
Member
Posted 1 year ago #
Hello there!
I am trying to add my own custom comment icon to my site that is 23x37px, and am having trouble with the CSS. In my current layout, the default icon size is 10x10, therefore cutting my icon off. I have tried to place height tags, but am having no luck.
I'm sure it's an easy priblem to fix--could someone tell me the proper place to insert the height tags? Here is the example:
http://cathmlittle.byethost18.com/wordpress/uncategorized/calendars/
I'm am trying to resize "images/comment.gif". Any help/tips are appreciated, thanks!
Find line 70 in your style.css: .post.single .postMeta span.comments
and add
height: 37px;
display: block;
You may also want to adjust left-padding to 30px or something like that.
ClaytonJames
Member
Posted 1 year ago #
You're going to want to fix this as well - your entire content ( main wrapper ) is aligning left. My resolution is 1680x1050, so it may not be as obvious if you are working on a smaller view-port. The top margin of 130px you added to the wrapper resulted in some editing issues.
You could try changing this:
#main-wrapper { display:block; margin-top:130px;auto;width:950px;padding:10px;text-align:left;background:url(images/px.png); }
to this:
#main-wrapper { display:block; margin:130px auto; width:950px;padding:10px;text-align:left;background:url(images/px.png); }
...and see if that corrects the alignment issue.
catherinelittle
Member
Posted 1 year ago #
Andrei Olsen: Thanks so much for pointing that out for me! But now the date is displaying on the 2nd line.. I'll try to figure it out, but may need your help again. ;)
ClaytonJames: Wow, thanks so much!! I just noticed that tonight on my laptop and was wondering how I could fix it.
You're both amazing!
Oh, I see.
Move height and background from span.comments to .postMeta (line above). You can also remove display from span.comments, since you wouldn't need it anymore.
catherinelittle
Member
Posted 1 year ago #
I got the text on all one line, but now I'm getting 2 images! Which is weird, because I did a search and only found my image in there once.
.post.single .postMeta { left center;font:10px Arial;margin-bottom:5px;color:#999; height:37px;display: block;padding-left:38px;background: url(images/comment.gif) left center no-repeat; }
Sorry to bother you once again; I'm not sure why it's not working. ):
I only see one. Are you sure it's not a cache issue? Reload the page with Ctrl-F5 or clear the browser's cache.
catherinelittle
Member
Posted 1 year ago #
Ha, you're correct! :) Thanks so much for resolving all of my problems!!
