AI Assistant

Notifications

Clear all

[Solved] Remove white space above comments form

Summarize Topic

How-to and Troubleshooting

Last Post by Asti 6 years ago

11 Posts

3 Users

0 Reactions

4,065 Views

RSS

Posts: 4

jose.sanchez

Topic starter

Translate ▼

Jun 17, 2020 12:37 am

(@jose-sanchez)

Active Member

Joined: 6 years ago

[#398]

Can you please indicate how can I get the comment form right beside the page title? (see image below)

In other words, remove all the white space..

Site address is http://diversionoffice.com/barbican/barbican-stories-2

Active theme is Twenty seventeen

Many thanks in advance

Topic Tags

form whitespace

10 Replies

Posts: 8300

Asti

Support

Translate ▼

Jun 17, 2020 11:37 am

(@asti)

Illustrious Member

Joined: 8 years ago

Hi @jose-sanchez,

This CSS code should help you to decrease the space.

div#comments { 
   padding-top: 0 !important;
}

The CSS code should be added in the "Custom CSS code" textarea, located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page.

The rest of the space comes from the article div. As far as you have not filled the content you see that empty space.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posts: 4

jose.sanchez

Topic starter

Translate ▼

Jun 17, 2020 12:18 pm

(@jose-sanchez)

Active Member

Joined: 6 years ago

Hi Asti,

Many thanks for your response.

It turns out that I won't add any contents to that page in the article area (the blue area you highlight) as this one page is intended to have all contents in the comments area.

Can you indicate any way to reduce that space, as you indicate coming from the article div?

Than you.

1 Reply

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8300

Jun 17, 2020 12:26 pm

Reply to

jose.sanchez

Translate ▼

@jose-sanchez,

It'd be better if you contact your theme support and ask them to solve the issue.

To tell the truth, I was not able to find a solution.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posts: 4

jose.sanchez

Topic starter

Translate ▼

Jun 17, 2020 1:16 pm

(@jose-sanchez)

Active Member

Joined: 6 years ago

@asti will do and thanks for the suggestion.

In a similar issue, how can I make the comments box smaller (reduce its height) or even move it to the bottom (have the comments first, and the box below all the comments).

3 Replies

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8300

Jun 17, 2020 3:21 pm

Reply to

jose.sanchez

Translate ▼

@jose-sanchez,

In a similar issue, how can I make the comments box smaller (reduce its height) or even move it to the bottom (have the comments first, and the box below all the comments).

The code is provided below:

#wpdcom .ql-container {
    height: 100px;
}

The CSS code should be added in the "Custom CSS Code" textarea, located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page.

Change the red marked value before using.

Please note we don't provide CSS codes in case if users choose the Minimal style. This style is designed for developers, who are familiar with CSS coding and can write their own styles.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

jose.sanchez

(@jose-sanchez)

Joined: 6 years ago

Active Member

Posts: 4

Jun 17, 2020 7:08 pm

Reply to

Asti

Translate ▼

@asti

Apologies for the basic query, but is it correct to paste it like below? I wouldn't make any difference when I change the value between 100, 50 or 1000px

Thank you again

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8300

Jun 18, 2020 11:23 am

Reply to

jose.sanchez

Translate ▼

sure, @jose-sanchez, it's correct.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posts: 2

vagnersantos

Translate ▼

Jul 12, 2020 3:44 am

(@vagnersantos)

New Member

Joined: 6 years ago

Hello, I am also facing this same problem. After the last major update of the plugin, there are two blanks, before and after the comment form. I have already used the solutions presented here in this topic, but unfortunately none of them solved it. I didn't like these spaces spent for nothing. A solution would be interesting.