Skip to main content

Comments

To customize the appearance of the comments section in your website or application, you have the flexibility to adjust various settings. These settings allow you to modify the look and feel of the comments section, including new comment boxes, individual comment cards, and sub-comments. Here's an overview of the different settings you can modify:

Comments Section​

Adjust the style of the comments section.

  • Background Color: Choose the background color of the comments section.
  • Border Style: Select the style of the border around the comments section.
  • Border Height: Specify the height of the border in pixels. Use whole numbers for increased browser compatibility.
  • Border Color: Choose the color of the border.

New Comment Box​

Adjust the style of your comment boxes.

  • Background Color: Choose the background color of the comment box.
  • Border Color: Choose the color of the border around the comment box.
  • Border Width: Specify the width of the border in pixels. Use whole numbers for increased browser compatibility.
  • Text Area Background Color: Choose the background color of the text area for entering comments.
  • Text Area Text Color: Choose the color of the text in the text area.
  • Text Area Placeholder Text Color: Choose the color of the placeholder text in the text area.
  • Text Area Border Color: Choose the color of the border around the text area.
  • Text Area Border Width: Specify the width of the border around the text area in pixels. Use whole numbers for increased browser compatibility.
  • Button Background Color: Choose the background color of the submit button.
  • Button Text Color: Choose the color of the text on the submit button.

Individual Comment​

Adjust the style of your comment cards.

  • Background Color: Choose the background color of the comment card.
  • Text Color: Choose the color of the text in the comment card.
  • Profile Mobile Background Color: Choose the background color of the profile on mobile devices.
  • Border Color: Choose the color of the border around the comment card.
  • Border Width: Specify the width of the border in pixels. Use whole numbers for increased browser compatibility.
  • Metadata Background Color: Choose the background color of the metadata section of the comment card.
  • Metadata Text Color: Choose the color of the text in the metadata section.
  • Metadata Border Color: Choose the color of the border around the metadata section.
  • Metadata Border Width: Specify the width of the border in pixels. Use whole numbers for increased browser compatibility.
  • Profile Link Color: Choose the color of the links to user profiles.
  • Profile Link Weight: Specify the weight of the links to user profiles.
  • Profile Link Opacity: Specify the opacity of the links to user profiles, with a value from 0 (no transparency) to 1 (fully transparent).
  • Profile Link Decoration: Choose the decoration style of the links to user profiles.
  • Profile Link Decoration Color: Choose the color of the decoration style of the links to user profiles.
  • Profile Link Decoration Thickness: Specify the thickness of the decoration style of the links to user profiles in pixels.
  • Profile Link Transition Time: Specify the time it takes for the transition of the link to user profiles in seconds.
  • Profile Link Transition Timing: Choose the timing function for the transition of the link to user profiles.
  • Profile Link Hover Color: Choose the color of the links to user profiles when hovered over.
  • Profile Link Hover Opacity: Specify the opacity of the links to user profiles when hovered over, with a value from 0 (no transparency) to 1 (fully transparent).
  • Profile Link Hover Decoration: Choose the decoration style of the links to user profiles when hovered over.
  • Profile Link Decoration Thickness: This setting allows you to adjust the thickness of the decoration around the profile link in pixels. The profile link decoration refers to any visual element added to the link to make it stand out, such as an underline or a border (px).
  • Profile Link Transition Time: This setting determines the amount of time in seconds that the transition effect takes when the user hovers over the profile link. A transition effect is an animation that changes the appearance of an element over time, often used to create visual interest and feedback for the user (s).
  • Profile Link Transition Timing: This setting determines the timing function of the transition effect. Timing functions control the acceleration and deceleration of the transition animation and can affect how smooth or abrupt the animation appears.
  • Profile Link Hover Color: This setting allows you to specify the color of the profile link when the user hovers over it.
  • Profile Link Hover Opacity: This setting controls the opacity level of the profile link when the user hovers over it. Opacity determines how transparent or opaque an element appears, with 0 being fully transparent and 1 being fully opaque.
  • Profile Link Hover Decoration: This setting allows you to specify the decoration that appears around the profile link when the user hovers over it. This can be a different decoration than the one specified in the decoration thickness setting.
  • Profile Link Hover Decoration Color: This setting allows you to specify the color of the decoration around the profile link when the user hovers over it.
  • Profile Mobile Link Color: This setting allows you to specify the color of the profile link when viewed on a mobile device.
  • Mobile Link Weight: This setting controls the weight, or thickness, of the mobile profile link.
  • Profile Mobile Link Opacity: This setting controls the opacity level of the profile link when viewed on a mobile device.
  • Profile Mobile Link Decoration: This setting allows you to add a decoration around the mobile profile link.
  • Profile Mobile Link Decoration Color: This setting allows you to specify the color of the decoration around the mobile profile link.
  • Profile Mobile Link Hover Color: This setting allows you to specify the color of the mobile profile link when the user hovers over it.
  • Profile Mobile Link Hover Opacity: This setting controls the opacity level of the mobile profile link when the user hovers over it.
  • Profile Mobile Link Hover Decoration: This setting allows you to specify the decoration that appears around the mobile profile link when the user hovers over it.
  • Profile Mobile Link Hover Decoration Color: This setting allows you to specify the color of the decoration around the mobile profile link when the user hovers over it.
  • Profile Mobile Link Decoration Thickness: This setting allows you to adjust the thickness of the decoration around the mobile profile link in pixels.
  • Profile Mobile Link Transition Time: This setting determines the amount of time in seconds that the transition effect takes when the user hovers over the mobile profile link.
  • Profile Mobile Link Transition Timing: This setting determines the timing function of the transition effect for the mobile profile link.