Comment block not showing color


Author Message
Maureen

Posted: 7/2/2009
Quote message 

The background of the comment block is not showing the color as it does in Artisteer. Comments show up fine but without the background and quote image that I chose when creating the theme.

Anybody have a fix for this?
 
Garry

Posted: 7/2/2009
Quote message 

You may like to post your website address here
 
Maureen

Posted: 7/5/2009
Quote message 

Hi Garry,

Here's a page where there are a few comments.

http://www.selfhypnosishub.com/test/?p=1#comments
 
Bob

Posted: 7/5/2009
Quote message 

Your comment input fields look fine but I don't see an article with a quote box used which is where Atristeer lets you choose a clolor , border and quote icon.
 
Maureen

Posted: 7/5/2009
Quote message 

Yup...that's what I'm talking about Bob. It's there in Artisteer but not when I export the theme. I've tried exporting a couple of themes and it's the same on all of them.
 
Bob

Posted: 7/5/2009
Quote message 

So go and add a new post. Highlight a paragraph and click the quote button so we can see a quote in one of your posts. The "Quote" box and comment box are two different things. You have control over the color of the quote box (with the little quote icon) but not the comment box.

This article has a quote box...

http://gdscomp.com/2009/06/resizing-pictures-can-take-some-time/


 
Maureen

Posted: 7/5/2009
Quote message 

I am talking about the box that surrounds the comments that others leave. This page has the colored box for example: http://www.reikifun.com/reiki-symbols-web-graphics.php#comment-1782

Whereas this page with the artisteer theme does not: http://www.selfhypnosishub.com/test/?p=1#comments

It should be a light blue which shows up when I am in Artisteer but not when I upload the theme and make a comment.
 
Maureen

Posted: 7/5/2009
Quote message 

oops...sorry....my mistake. I was confusing the comments with the block quotes. Artisteer does not have an option to configure the comment section.

So I guess I'd have to go into the php and edit it if I want visitor comments to have a colored background?
 
Bob

Posted: 7/5/2009
Quote message 

No php just an addition to the style.css file.

FIND...

#commentform textarea
{
width: 100%;
}

AND ADD background color..
make it look like this

#commentform textarea
{
width: 100%;
background: #ccc;
}

you can change #ccc to whatever color you want

- Bob

 
Maureen

Posted: 7/6/2009
Quote message 

Thanks Bob. I added that but what I want to do is have the actual comments that visitors leave be surround by a colored box.

I added a background color in the stylesheet here: .commentlist, .commentlist li
{
background: #C0D6D5;

That gives me a background color but it is solid not separate for each comment. Not sure what to add or where to create a separate box for each comment.

http://www.selfhypnosishub.com/test/?p=1#comments
 
Bud

Posted: 7/6/2009
Quote message 

The problem is that Artisteer groups a number of CSS selectors together based on the generated design. It makes for a bit smaller file size but then it's hard to make changes to individual selectors.

What you want to do is modify the .commentlist li but it's grouped with .commentlist so the changes affect both. If you create a new entry in your CSS file after the .commentlist, .commentlist li you can modify just the one you want.

Add this after the above code or at the end it doesn't matter...

.commentlist li { border:1px solid #C0D6D5; }


You may want to add margin-bottom:20px; to separate the comments a bit.

If Artisteer would add semantic classes to their code you would have more control over everything. It's not hard to do, Wordpress provides the template tags in the newest versions. In fact I add it in on all my themes to my life a bit easier.


 
Maureen

Posted: 7/6/2009
Quote message 

Thanks Bud! That did the trick.
 
Andrew

Posted: 7/28/2009
Quote message 

Quote Bud:

The problem is that Artisteer groups a number of CSS selectors together based on the generated design. It makes for a bit smaller file size but then it's hard to make changes to individual selectors.

What you want to do is modify the .commentlist li but it's grouped with .commentlist so the changes affect both. If you create a new entry in your CSS file after the .commentlist, .commentlist li you can modify just the one you want.

Add this after the above code or at the end it doesn't matter...

.commentlist li { border:1px solid #C0D6D5; }


You may want to add margin-bottom:20px; to separate the comments a bit.

If Artisteer would add semantic classes to their code you would have more control over everything. It's not hard to do, Wordpress provides the template tags in the newest versions. In fact I add it in on all my themes to my life a bit easier.




Will Artisteer ever have functionality to edit the display of the comment section?
 
Garry

Posted: 7/28/2009
Quote message 

You need to do it manually