Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Comments, trackbacks & pings (http://forum.bytesforall.com/forumdisplay.php?f=19)
-   -   [SOLVED] where to style comment container? (rounded corners) (http://forum.bytesforall.com/showthread.php?t=1284)

mirdin Apr 15, 2009 07:54 PM

[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'.

Flynn Apr 16, 2009 03:52 PM

There's no option for that. Use a CSS Insert:

ul.commentlist li {
...
}

mirdin Apr 16, 2009 07:40 PM

Thanks! Problem solved :)

multidysfunctionalmonkey Oct 20, 2009 02:06 PM

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?

juggledad Oct 20, 2009 03:41 PM

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.

multidysfunctionalmonkey Nov 3, 2009 11:40 AM

Quote:

Originally Posted by juggledad (Post 17123)
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.

I'm using Wordpress 2.7.1 and Atahualpa 3.2.

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.

multidysfunctionalmonkey Nov 3, 2009 12:50 PM

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.