Post Comment

Estimated reading: 2 minutes 19 views

The Post Comment Box widget allows you to display and customize the comment area of single posts, pages, or custom post types. This widget supports multiple design styles and provides full control over the form layout and message display.

πŸš€ How to Enable the Post Comment Widget

To start using the Image Widget, follow these steps:

  1. Navigate to your WordPress dashboard.
  2. Go toΒ Topper Pack β†’ Widgets.
  3. Locate the Post Comment widget from the list.
  4. Toggle the switch to β€œOn” to enable it.
  5. The widget is now available in the Elementor editor.

πŸ”§ How to Use

  1. Search and Drag Widget:
    In the Elementor editor, search for “Post Comment Box” and drag it to your desired section.
  1. Content Tab Options:
    • Select Post Type: Choose the post type (e.g., Posts, Pages, CPT).
    • Comment Style: Choose from styles like:
      • Default Modern
      • Cards
      • Thread Style
      • Chat Bubbles
      • Flat Design
      • Material Design
      • Bordered Style
      • Classic WordPress
  1. Form Style: Pick a design for the form:
    • Default
    • Boxed
    • Outlined
    • Refined Minimal
    • Material Design
    • Floating Labels
    • Underlined Fields
    • Rounded Style
  1. Show “No Comments” Message: Toggle to display a message when no comments exist.
  2. Message Style: Select style for the no-comment message:
    • Default
    • Alert
    • Simple
    • Boxed with Icon

🎨 Style Tab Options

You can customize the following sections:

  • General: Set padding, margin, background, and shadow.
  • Comment Text: Modify font, color, spacing.
  • Author Details: Style the name, avatar, and metadata.
  • Form Fields: Customize field background, border, and typography.
  • Submit Button: Style the button color, border, typography, and hover effects.

πŸ“Œ Notes:

  • This widget only works on single post, page, or custom post type templates.
  • It supports nested replies, pagination, and various form UI types.
  • Ensure comments are enabled from your WordPress Discussion Settings.

Leave A Comment

All fields marked with an asterisk (*) are required