{"id":982,"date":"2021-01-08T13:26:16","date_gmt":"2021-01-08T13:26:16","guid":{"rendered":"http:\/\/docs.cmsmasters.net\/?p=982"},"modified":"2021-02-15T14:34:37","modified_gmt":"2021-02-15T14:34:37","slug":"post-comments-widget","status":"publish","type":"post","link":"https:\/\/docs.cmsmasters.net\/post-comments-widget\/","title":{"rendered":"Post Comments Widget"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Post Comments Widget<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The Post Comments widget<\/strong> is one of the available Single Post Template widgets that is used to dynamically display post\u2019s user comments.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Content<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Choose a Skin between Content Template, Custom and Facebook.<\/strong><\/p>

Content Template Skin<\/strong> uses the currently active theme comments design and layout to display the comment form and comments.<\/p>

Custom Skin<\/strong> allows you to Search and Select the post comments to which you\u2019d like to display.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Comment List<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Avatar Position:<\/strong> Choose Avatar position between Aside (avatar stays aside from the content) and With Author (avatar is displaying in line with author and date)<\/p>

Avatar Size:<\/strong> Set Avatar Size for desktop, tablet and mobile.<\/p>

Author<\/strong><\/span><\/p>

Author Text After:<\/strong> Add a text that will be displayed after the author.<\/p>

Highlight Post Author:<\/strong> Slide to YES to highlight post author.<\/p>

Date<\/strong><\/span><\/p>

Position:<\/strong> Choose between Inline (date is displaying in line with author) and Block positions.<\/p>

When Inline position<\/strong> is activated you can also choose where Date should be located between Start and End Position in Line.<\/p>

Date Format:<\/strong> Choose a Date format from the dropdown.<\/p>

Time Format:<\/strong> Choose Time format from the dropdown.<\/p>

Icon:<\/strong> Choose the icon to be shown before date from Icon library or upload desired SVG.<\/p>

Time Separator:<\/strong> Add desired separator between date and time (for example, \u2018at\u2019: July,24,2020 at 9:17 am)<\/p>

Reply<\/strong><\/span><\/p>

Position:<\/strong> Choose between Inline (\u2018Reply\u2019 is displaying in line with author) and Block positions.<\/p>

When Inline position<\/strong> is activated you can also choose where \u2018Reply\u2019 should be located between Start and End Position in Line.<\/p>

Type:<\/strong> Choose between Text, Text and Icon and Icon types.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Form <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gap:<\/strong> Set a gap between comments and form.<\/p>

Separator:<\/strong> Slide to YES to enable separator between comments and form and set it.<\/p>

View as:<\/strong> Switch between Logged in\\Logged out options to see how the form is displaying for logged in\\logged out users.<\/p>

Comment Field<\/strong><\/span><\/p>

Direction:<\/strong> Choose between Row (textarea and inputs in one column) and Aside (separates textarea and inputs to columns) directions.<\/p>

Position:<\/strong> Choose between Start and End position for Comment field.<\/p>

Number of Rows:<\/strong> Choose a number of rows used on a Comment field.<\/p>

Width:<\/strong> Set Comment field width for desktop, tablet and mobile.<\/p>

Input<\/strong><\/span><\/p>

Gap:<\/strong> Set a Gap between Input and Comment fields.<\/p>

Gap Between:<\/strong> Set a Gap between Input fields.<\/p>

Form Button<\/strong><\/span><\/p>

Button Text:<\/strong> Add desired button text here.<\/p>

Full Width:<\/strong> Slide to YES to make a button full width.<\/p>

Alignment:<\/strong> Choose between Right, Center and Left button alignment.<\/p>

Use Website Input:<\/strong> Slide to YES to add a Website input.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Advanced options<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Leave a Reply Text:<\/strong> Add desired \u2018Leave a Reply Text\u2019 here.<\/p>

Leave a Reply to Text:<\/strong> Add desired \u2018Leave a Reply to Text\u2019 here. (is used to answer to another comment)<\/p>

Label<\/strong><\/span><\/p>

Use Label Instead of Placeholder:<\/strong> Slide to YES to use labels instead of placeholders.<\/p>

Disable Comment Text:<\/strong> Slide to YES to disable the word \u2018Comment\u2019 in the form.<\/p>

Comment:<\/strong> Add desired \u2018Comment\u2019 text here.<\/p>

Name:<\/strong> Add desired \u2018Name\u2019 text here.<\/p>

Email:<\/strong> Add desired \u2018Email\u2019 text here.<\/p>

Enable Icon:<\/strong> Slide to YES to enable icons in labels.<\/p>

Form Elements Gap<\/strong><\/span><\/p>

Comment Notes:<\/strong> Set a gap between Comment notes and Form.<\/p>

Cookies Consent:<\/strong> Set a gap between Cookies and Form.<\/p>

Button:<\/strong> Set a gap between Form and Button.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Navigation<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Navigation can be set when \u2018Break comments into pages\u2019 option is enabled on Settings\/Discussion\/Other comment settings field.<\/em><\/p>

Type:<\/strong> Choose navigation type between Text, Text+Icon or Icon and set it.<\/p>

Text:<\/strong> Add desired text for \u2018previous\u2019 and \u2018next\u2019 links.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Style<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Comments Title<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Type:<\/strong> Choose between Default and With Lines (title in the center, lines before and after title) types.<\/p>

Default type<\/strong> provides the following settings:<\/p>

Gap:<\/strong> Set a gap between comment title and comments for desktop, tablet and mobile.<\/p>

Width Auto:<\/strong> Slide to YES to enable auto width for desktop, tablet and mobile.<\/p>

You can see how it functions when Background Color is set.<\/p>

Alignment:<\/strong> Choose between Left, Center and Right comment title alignment.<\/p>

Typography:<\/strong> Set a Typography using settings from the dropdown.<\/p>

Color:<\/strong> Choose a Color from a color palette or dynamic tags.<\/p>

Background color:<\/strong> Choose a Background color from a color palette or dynamic tags.<\/p>

Border Type:<\/strong> Choose desired Border Type from the dropdown and set it.<\/p>

Title Icon:<\/strong> Choose the icon to be shown before title from Icon library or upload desired SVG and set it.<\/p>

With Lines type provides the following settings:<\/p>

Gap:<\/strong> Set a gap between comment title and comments for desktop, tablet and mobile.<\/p>

Width:<\/strong> Set Title width for desktop, telegram and mobile.<\/p>

Lines Type:<\/strong> Choose the Lines Type from the dropdown.<\/p>

Lines Width:<\/strong> Set the Lines width for desktop, telegram and mobile.<\/p>

Lines Color:<\/strong> Choose Lines Color from a color palette or dynamic tags.<\/p>

Border Gap:<\/strong> Set a gap between lines and title for desktop, tablet and mobile.<\/p>

Typography:<\/strong> Set a Typography using settings from the dropdown.<\/p>

Title Color:<\/strong> Choose Title Color from a color palette or dynamic tags.<\/p>

Title Icon:<\/strong> Choose the icon to be shown before title from Icon library or upload desired SVG and set it.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Comment<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gap Between Comments:<\/strong> Set a gap between comments for desktop, tablet and mobile.<\/p>

Level Gap:<\/strong> Set a gap for child comments\u2019 levels for desktop, tablet and mobile.<\/p>

Background Type:<\/strong> Choose a background type between Classic and Gradient and set it.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Comment Child<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Avatar Size:<\/strong> Set the avatar size for desktop, tablet and mobile.<\/p>

Background Type:<\/strong> Choose a background type between Classic and Gradient and set it.<\/p>

Color:<\/strong> Choose a Color from a color palette or dynamic tags.<\/p>

Border Type:<\/strong> Choose desired Border Type from the dropdown and set it.<\/p>

Border Radius:<\/strong> Set a border radius to the field.<\/p>

Padding:<\/strong> Set paddings to the field.<\/p>

Box Shadow:<\/strong> Choose desired settings from the dropdown.<\/p>

Thread Line<\/strong><\/span><\/p>

Width:<\/strong> Set desired width for desktop, tablet and mobile.<\/p>

Color:<\/strong> Choose a Color from a color palette or dynamic tags.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Avatar<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gap:<\/strong> Set a gap between Avatar and other elements for desktop, tablet and mobile.<\/p>

Border Type:<\/strong> Choose desired Border Type from the dropdown and set it.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Author<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gap:<\/strong> Set a gap between Author and other elements for desktop, tablet and mobile.<\/p>

Typography:<\/strong> Set a Typography using settings from the dropdown.<\/p>

Color:<\/strong> Choose a Color from a color palette or dynamic tags. (for Normal and Hover modes)<\/p>

For Hover Mode<\/strong> you can also set Transition duration, i.e. choose the amount of time to transition from one filter setting to the other when hovering over the Author.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Reply<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gap: Set a gap between Reply and other elements for desktop, tablet and mobile.<\/p>

Use as Button:<\/strong> Slide to YES to show \u2018Reply\u2019 as a button and set it.<\/p>

Typography:<\/strong> Set a Typography using settings from the dropdown.<\/p>

Color:<\/strong> Choose a Color from a color palette or dynamic tags. (for Normal and Hover modes)<\/p>

For Hover Mode<\/strong> you can also set Transition duration, i.e. choose the amount of time to transition from one filter setting to the other when hovering over \u2018Reply\u2019.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Date<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Typography:<\/strong> Set a Typography using settings from the dropdown.<\/p>

Color:<\/strong> Choose a Color from a color palette or dynamic tags.<\/p>

Date Icon<\/strong><\/span><\/p>

Gap:<\/strong> Set a gap between Icon and Date.<\/p>

Size:<\/strong> Set desired Icon size here.<\/p>

Color:<\/strong> Choose a Color from a color palette or dynamic tags.<\/p>

Edit<\/strong><\/span><\/p>

Gap:<\/strong> Set a gap between \u2018Edit\u2019 and Date for desktop, tablet and mobile.<\/p>

Hover Color:<\/strong> Choose a Hover Color from a color palette or dynamic tags.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Content<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gap:<\/strong> Set a gap between Content and other fields for desktop, tablet and mobile.<\/p>

Typography:<\/strong> Set a Typography using settings from the dropdown.<\/p>

Color:<\/strong> Choose a Color from a color palette or dynamic tags.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Navigation<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gap:<\/strong> Set a gap between navigation links and comments.<\/p>

Text<\/strong><\/span><\/p>

Typography:<\/strong> Set a Typography using settings from the dropdown.<\/p>

Use as Button:<\/strong> Slide to YES to show the navigation link as a button and set it.<\/p>

Color:<\/strong> Choose a Color from a color palette or dynamic tags. (for Normal and Hover modes)<\/p>

For Hover Mode<\/strong> you can also set Transition duration, i.e. choose the amount of time to transition from one filter setting to the other when hovering over the navigation link.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Form Title<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gap:<\/strong> Set a gap between Form title and form for desktop, tablet and mobile.<\/p>

Alignment:<\/strong> Choose between Right, Center and Left button alignment.<\/p>

Typography:<\/strong> Set a Typography using settings from the dropdown.<\/p>

Color:<\/strong> Choose a Color from a color palette or dynamic tags.<\/p>

Title Icon:<\/strong> Choose the icon to be shown before title from Icon library or upload desired SVG and set it.<\/p>

Set Reply to and Cancel reply links. For both you can set<\/p>

Gap:<\/strong> Set a gap between \u2018Reply to\/Cancel Reply\u2019 and \u2018Leave a Reply\u2019 for desktop, tablet and mobile.<\/p>

Typography:<\/strong> Set a Typography using settings from the dropdown.<\/p>

Color:<\/strong> Choose a Color from a color palette or dynamic tags.<\/p>

Hover Color:<\/strong> Choose a Hover Color from a color palette or dynamic tags.<\/p>

Transition duration:<\/strong> Choose the amount of time to transition from one filter setting to the other when hovering over the \u2018Reply to\/Cancel Reply\u2019.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Form<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Background color:<\/strong> Choose a Background color from a color palette or dynamic tags.<\/p>

Border Type:<\/strong> Choose desired Border Type from the dropdown and set it.<\/p>

Border Radius:<\/strong> Set a border radius to the form.<\/p>

Padding:<\/strong> Set paddings to the form.<\/p>

Box Shadow:<\/strong> Choose desired settings from the dropdown.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Form Elements<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gap:<\/strong> Set a gap between Form and Comments.<\/p>

Form Typography:<\/strong> Set a Typography using settings from the dropdown.<\/p>

Border Type:<\/strong> Choose desired Border Type from the dropdown and set it.<\/p>

Color:<\/strong> Choose a Color from a color palette or dynamic tags. (for Normal and Focus modes)<\/p>

Background Color:<\/strong> Choose a Background Color from a color palette or dynamic tags. (for Normal and Focus modes)<\/p>

For Focus Mode you can also set Transition duration, i.e. choose the amount of time to transition from one filter setting to the other.<\/p>

Box Shadow:<\/strong> Choose desired settings from the dropdown.<\/p>

Border Radius:<\/strong> Set a border radius to the field.<\/p>

Padding:<\/strong> Set paddings to the field.<\/p>

Input Icon<\/strong><\/span><\/p>

Size:<\/strong> Set desired Icon size here.<\/p>

Color:<\/strong> Choose a Color from a color palette or dynamic tags.<\/p>

Form Button<\/strong><\/span><\/p>

Typography:<\/strong> Set a Typography using settings from the dropdown.<\/p>

Border Type:<\/strong> Choose desired Border Type from the dropdown and set it.<\/p>

Color:<\/strong> Choose a Color from a color palette or dynamic tags. (for Normal and Hover modes)<\/p>

Background Color:<\/strong> Choose a Background Color from a color palette or dynamic tags. (for Normal and Hover modes)<\/p>

For Hover Mode<\/strong> you can also set Transition duration, i.e. choose the amount of time to transition from one filter setting to the other.<\/p>

Box Shadow:<\/strong> Choose desired settings from the dropdown.<\/p>

Border Radius:<\/strong> Set a border radius to the field.<\/p>

Padding:<\/strong> Set paddings to the field.<\/p>

Additional Form Elements<\/strong><\/span><\/p>

Color:<\/strong> Choose a Color from a color palette or dynamic tags.<\/p>

Typography:<\/strong> Set a Typography using settings from the dropdown.<\/p>

\u2018Logged in as\u2019 Hover Color:<\/strong> Choose a Color from a color palette or dynamic tags.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Advanced<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Set the Advanced options<\/a> that are applicable to this widget<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

The Post Comments widget is one of the available Single Post Template widgets that is used to dynamically display post\u2019s user comments. Content Choose a Skin between Content Template, Custom and Facebook. Content Template Skin uses the currently active theme comments design and layout to display the comment form and comments. Custom Skin allows you…<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[113,115,110],"tags":[62,68,7],"class_list":["post-982","post","type-post","status-publish","format-standard","hentry","category-singular","category-entry","category-widgets","tag-post","tag-post-comments","tag-widget"],"_links":{"self":[{"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/posts\/982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/comments?post=982"}],"version-history":[{"count":0,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/posts\/982\/revisions"}],"wp:attachment":[{"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/media?parent=982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/categories?post=982"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/tags?post=982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}