[SOLVED] where to style comment container? (rounded corners)
I just installed this great theme, but am stuck with styling the 'comment container'?
I didn't have a problem editing the 'post container' and the 'comment form container'. The 'post container' and the 'comment form container' have rounded corners now, but I haven't been able to figure out where to edit the 'comment container'. |
There's no option for that. Use a CSS Insert:
ul.commentlist li { ... } |
Thanks! Problem solved :)
|
Hi. I'm new here but I'm trying to fix a simular problem so I figured I would just reply here.
I have managed to style pretty much everything I want using the common setting but now I want to change the background for the posted comments. I've styled my widgets, posts etc using the following insert insert: border: solid 5px #000000; background: #eee url(http://www.multidysfunctionalmonkey....postwall.jpg); -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; Here's a link to see what the comments look like now (black background) : http://www.multidysfunctionalmonkey....p=279#comments What I really want is to use the insert above to make a simular style "box" for the comments section. And I would also like this box to include the comments header "comments to The Beekeepers House | Guestroom". And of course, I would then also like the black background of the comments to just be transparent. I'm guessing this is fixed by adding the code into the CSS-inserts somehow? |
No you can't do what you want without making changes to the code.
What version of Atahualpa and WP are you running? Do you have any comment plugins or have you modified any code? The generated code is non standard as far as I can tell. |
Quote:
I'm not using comment plugins from what I know. I tried putting the following into the CSS inserts form: ul.commentlist li { border: solid 5px #000000; background: #eee url(http://www.multidysfunctionalmonkey....postwall.jpg); -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } .button { color: #755E01; border: 0px solid #000; background: none; } .button:hover { color: #A78600; border: 0px solid #000; background: none; } This seems to work but the background image loops with each comment. I'm guessing It's just a matter of writing something instead of the "ul.commentlist li" but I'm not sure what. |
Okey, seem like I managed to work my way around it - I didn't solve the problem but I managed to alter the graphics in a way so it doesn't look as bad as before.
I think I'll settle for that :) |
All times are GMT -6. The time now is 03:34 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.