[Resolved] Comment Box Adjustment on Single Post

Hi there,

Looks like you are using Comments – wpDiscuz so the question should be answered by their support.

Here are some CSS to help to get you started:

#comments {
    max-width: unset;
    margin: 0;
    padding: 0;
}
#wpdcom {
    margin-left: 0;
}

You can change the second unset to like 1000px to adjust the width.

Let’s try moving it first. I’m not sure if it will work as you are using a plugin but worth a shot.

– Create a hook element:
https://docs.generatepress.com/article/hooks-element-overview/

– Add this as the content:

<?php
if ( comments_open() || '0' != get_comments_number() ) :
			/**
			 * generate_before_comments_container hook.
			 *
			 * @since 2.1
			 */
			do_action( 'generate_before_comments_container' );
			?>

			<div class="comments-area">
				<?php comments_template(); ?>
			</div>

			<?php
		endif;
?>

Then choose the generate_after_content hook and check to execute PHP.

Set the display rules to post > all posts.

Let me know if this works or not. I tested and it works with the default comment form without a plugin.

Now add this to remove the default position:

add_action( 'wp', function() {
    remove_action( 'generate_after_do_template_part', 'generate_do_comments_template', 15 );
} );

Adding PHP: https://docs.generatepress.com/article/adding-php/

Hi there,

any code you add directly to the Parent Theme will be lost when the theme updates.
You should use a Child Theme or add the code using the Code Snippets plugin:

https://docs.generatepress.com/article/adding-php/

Code Snippets is better and easier.

How can I restrict it to run only for single posts.

I don’t think the plugin offers this option.

No problem 🙂