"Comments" Group

Sitebuilder Wizard enables its users to add blogs to their sites. After the blog owner posts some messages the blog, site visitors can leave their comments to these posts. Customize the appearance of blog comments by editing the Comments group of rules.

In this section:

Odd Comment Body

Even Comment Body

Custom Links in Comment Body

Titles in Comment Body

Comment Header

Links in Comment Header

Odd Comment Body

Defines the style for an odd comment body area.

Selector

.mod-comment-body

Sample

.mod-comment-body
{
    border: 1px solid #969696;
    background-color: #F7F7F7;
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}

 

Even Comment Body

Defines the style for an even comment body area.

Selector

.mod-comment-body-alter

Sample

.mod-comment-body-alter
{
    border: 1px solid #969696;
    background-color: #F7F7F7;
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}

 

Custom Links in Comment Body

Defines the common style for links within a comment body area.

Selector

.mod-comment-body a, .mod-comment-body-alter a

Sample

.mod-comment-body a, .mod-comment-body-alter a
{
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}

Remarks

This style rule must be defined above the rule Links in Comment Header Blocks.

Titles in Comment Body

Defines the style for title text within a comment body area.

Selector

.mod-comment-body-title

Sample

.mod-comment-body-title
{
    color: #666666;
    font-family: Arial, sans-serif;
    font-size: 10pt;
}

 

Comment Header

Defines the style for comment header area.

Selector

.mod-comment-header

Sample

.mod-comment-header
{
    border: 1px solid #969696;
    background-color: #E5E5E5;
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}

 

Links in Comment Header

Defines the specific style for links within a comment header area.

Selector

a.mod-comment-header-a

Sample

a.mod-comment-header-a
{
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}