How to style comments in drupal? |
|
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.
|
|
herojig
|
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
|
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
|
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
|
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
|
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?
|
|
|
|