AI Search

Classic Search

Search Phrase:

Search Type:

Advanced search options

Search in Forums:

Search in date period:

Sort Search Results by:

AI Assistant

Notifications

Clear all

[Solved] Changing Comment input box size in 7.x version

✦ Summarize Topic

Page 1 / 2 Next

Plugin Update Issues

Last Post by airayn 5 years ago

9 Posts

2 Users

0 Reactions

4,375 Views

RSS

Posts: 8

airayn

Topic starter

Translate ▼

Jul 19, 2020 10:44 pm

(@airayn)

Active Member

Joined: 6 years ago

[#579]

What css code would I need to use in the new 7.x version to make my comment input boxes taller for entering a comment?

The old code for 5.x was

#wpcomm .wc-field-comment textarea,
	 #wpcomm .wc-comment .wc-comment-right textarea{min-height: 90px !important;}

This no longer works in 7.x since the css layout has changed. I tried to figure it out but cant seem to do so.

Thanks

8 Replies

Posts: 8210

Asti

Support

Translate ▼

Jul 20, 2020 12:09 pm

(@asti)

Illustrious Member

Joined: 8 years ago

Hi @airayn,

Please leave some example URL. We'll provide you a CSS 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: 8

airayn

Topic starter

Translate ▼

Jul 20, 2020 1:33 pm

(@airayn)

Active Member

Joined: 6 years ago

an example url page would be

https://personaltao.com/taoism/taoism-101/

1 Reply

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8210

Jul 20, 2020 4:35 pm

Reply to

airayn

Translate ▼

@airayn,

Here is the CSS code:

#wpdcom .ql-editor {
    height: 120px;
}

The red marked value can be changed as you like.

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.

Please don't forget to press Ctrl+F5 (twice) on the frontend before checking.

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: 8

airayn

Topic starter

Translate ▼

Jul 20, 2020 10:09 pm

(@airayn)

Active Member

Joined: 6 years ago

Thanks

Posts: 8

airayn

Topic starter

Translate ▼

Jul 21, 2020 8:54 am

(@airayn)

Active Member

Joined: 6 years ago

Aloha I noticed the solution doesn't work on pages without formatting capacity in the comment box

like this one

https://personaltao.com/healing/resolve-anger/

Posts: 8

airayn

Topic starter

Translate ▼

Jul 21, 2020 11:42 am

(@airayn)

Active Member

Joined: 6 years ago

it's odd because I have it set not to show the format functions in the mobile. But sometimes it does and sometimes it doesn't. But when it doesn't have the format functions then the solution you gave me doesn't work. So there is something strange going on with that. I hope that made sense

Posts: 8210

Asti

Support

Translate ▼

Jul 21, 2020 3:00 pm

(@asti)

Illustrious Member

Joined: 8 years ago

@airayn,

If the rich editor is disabled you should use this code as well:

#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt textarea {
    height: 89px !important;
}

But sometimes it does and sometimes it doesn't. But when it doesn't have the format functions then the solution you gave me doesn't work. So there is something strange going on with that. I hope that made sense

This may be a caching issue. Please delete all caches (website, browser) before checking.

Also, please try on incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.

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.