How to style comments in drupal?


Author Message
Lawrence

Posted: 11/3/2010
Quote message 

If you use Advanced Forum, you can style all comments as forum topics. Also, right click a section of the comment you'd like to theme in Google Chrome and click "Inspect Element", there you'll see all the theming for that particular region. Theming comments are easy, although it would be a nice add-on for Artisteer.
 
herojig

Posted: 11/3/2010
Quote message 

Quote Mark C:

click on the "Support" button on the left and file this as a feature request. It'd be great to have this added, and I can't imagine it'd be too much work for Artisteer to implement.


Will do thx!

 
herojig

Posted: 11/3/2010
Quote message 

Quote Lawrence:

If you use Advanced Forum, you can style all comments as forum topics. Also, right click a section of the comment you'd like to theme in Google Chrome and click "Inspect Element", there you'll see all the theming for that particular region. Theming comments are easy, although it would be a nice add-on for Artisteer.


Thx. I assume Advance Forum is a module and I will go look at that. On inspecting, well, I have, and all that's there are links and headings and the entire comment box itself, with the latter being specific to comments. I don't know enough about CSS (yet) to make say a link style specific to comments, and not effect the entire site. For example, here is what i have to work with in styles.css:
---------
/* BEGIN Flatcomments module support */
.comment-folded
{
margin: 7px;
}
#comments .box span.art-button-wrapper
{
margin: 0;
}
#comments .art-postcontent, #comments .art-postcontent p
{
text-align: left;
background-color: #f2f0dc;
padding: 2px;
}
/* END Flatcomments module support */
---------

If I could get an example of how to, I would be fine. thx!!!

 
herojig

Posted: 11/4/2010
Quote message 

just to close this out, Advanced Forum is wonderful and does it all for comments and forum posts...great drupal module, thx laurence for the tip!
:-)
 
Lawrence

Posted: 11/6/2010
Quote message 

You're welcome herojig, I'm glad you got everything rolling. :-) Now to address how you would style those comments (which can be applied to advanced forum theming as well),

Excellent guides: http://www.w3schools.com/css/default.asp

Just remember that all code goes between brackets { and }, and you always need a class or ID (Looks like a dot (.) or a pound sign (#) to style specific elements.

#idname {
codegoeshere; (Close a line with a semi-colon)
} <---- Closing Bracket

Replace ----> #idname
with ------> .classname

to style specific classes and not IDs. It's confusing at first, but once you get used to it, you'll be surprised at what you can do. :-{}
 
cobra

Posted: 3/31/2011
Quote message 

Do I understand right? Using the module Advanced Forum (and the module Author Pane included), I have to have to choose "all comments as forum topics" in Configuration Settings > Advanced Forum in order to "consider every comment a forum comment and attempt to theme it that way". Then, changes for the Artisteer theme are required in styles.css? For the generic style for forum comments, or styles for galleries, articles and so on as well?