min-height comment field

Resolved Anonymous User 17612203
(@anonymized-17612203)

6 years ago
Has someone tried to set a min-height for the comment field (not name, e-mail, etc.) in wpDiscuz 7.0.0? Just this single field, not the entire form.

I have tried many css codes, including this:
```
#wpdcom .ql-editor {
     min-height: 100px;
}
```
No success at all. Hope someone can point me in the right direction.

Viewing 15 replies - 1 through 15 (of 17 total)

1 2 →

Plugin Support gVectors Support
(@gvectorssupportmember)

6 years ago

Hi @check2020de,

We’ve just tested it and the code works fine.
Please navigate to the Dashboard > Comments > wpDiscuz > Settings > Styles and Colors admin page, put the CSS code provided above, in the “Custom CSS Code” textarea, save and check again. It works fine.
In any case please don’t forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.
Thread Starter Anonymous User 17612203
(@anonymized-17612203)

6 years ago
Hmmmm… server and browser cache I allready deleted, also tried it in 2 different browser (Firefox and Chrome)

Now I deactivated all plugins and switched to the default WP 2020 theme. Do to the troubleshooting mode I can test it only while I’m logged in… no result. I searched the source code for ql-editor… no result

When I check the source code I can find the entry within: <style type=”text/css” media0″all”>
When I use the Chrome inspector the ql-editor class will not be used for the textarea field (it is not shown in the styles of the field).
- This reply was modified 6 years ago by Anonymous User 17612203.
- This reply was modified 6 years ago by Anonymous User 17612203.
- This reply was modified 6 years ago by Anonymous User 17612203.
Thread Starter Anonymous User 17612203
(@anonymized-17612203)

6 years ago
Same here… I installed a blank and new WordPress and only wpdiscuz as a plugin.

Than I added the following code
```
#wpdcom .ql-editor {
     min-height: 850px;
}
```
No changes in height 🙁 I deleted all caches and also tested it in 2 different browser (Firefox and Chrome)… it is allways the same.
- This reply was modified 6 years ago by Anonymous User 17612203.
- This reply was modified 6 years ago by Anonymous User 17612203.
Thread Starter Anonymous User 17612203
(@anonymized-17612203)

6 years ago
You can check the result here: http://test.dlgo.de/2020/04/05/hallo-welt/

When you inspect the textarea field you don’t see the min-height: 850px code. If you search the entire surce code you find it.
- This reply was modified 6 years ago by Anonymous User 17612203.
- This reply was modified 6 years ago by Anonymous User 17612203.
Thread Starter Anonymous User 17612203
(@anonymized-17612203)

6 years ago

changed it from 250 to 850 to see the difference better… and that there is no difference made with the applied code

Thread Starter Anonymous User 17612203
(@anonymized-17612203)

6 years ago

doesn’t matter if I use default or minimal style

Plugin Author gVectors Team
(@gvectors-team)

6 years ago

@check2020de,
The code we provided you is for the rich editor. Now I see you use a simple text editor. So what editor you’re going to use at last?
Plugin Author gVectors Team
(@gvectors-team)

6 years ago
@check2020de,
So, for the TEXT editor you should use this CSS code:
```
#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea{
     min-height: 250px!important;
}
```
For the RICH editor use this:
```
#wpdcom .ql-editor {
     min-height: 250px!important;
}
```
Thread Starter Anonymous User 17612203
(@anonymized-17612203)

6 years ago

Thanks

I tested both codes (with 850px within my test installation), the one with the TEXT editor and the other with the RICH editor… no changes.

Plugin Author gVectors Team
(@gvectors-team)

6 years ago

@check2020de,
Can you please use the default style and let us know once the CSS code is inserted?
Also, leave some screenshot where and how you use the CSS code.

Thread Starter Anonymous User 17612203
(@anonymized-17612203)

6 years ago

Ok, I set “Load Rich Editor” to “Desktop Only” which is the default setting. All other ettings which are active now you see here:

https://dlgo.de/wpdiscuz2.jpg
Thread Starter Anonymous User 17612203
(@anonymized-17612203)

6 years ago
If you install WP 5.4.1 with only the wpdiscuz plugin you have the same installation like I have… so it should be more easy for testing.

https://dlgo.de/wptest.jpg
- This reply was modified 6 years ago by Anonymous User 17612203.
Plugin Author gVectors Team
(@gvectors-team)

6 years ago

I see the Minimal style here:
http://test.dlgo.de/2020/04/05/hallo-welt/

Where we can see the real page, that you are testing.

Also, could you please put the CSS code in the Top Admin Bar > Customize > Additional CSS textarea?

Thread Starter Anonymous User 17612203
(@anonymized-17612203)

6 years ago

Ok I moved the css code to the place you are showing. This I have allready tested before. The issue is still there.

As allready sent, you can see the test page I have her: http://test.dlgo.de/2020/04/05/hallo-welt/
Thread Starter Anonymous User 17612203
(@anonymized-17612203)

6 years ago
Strange… when I did the screenshot it was set to default style… I checked it now and it is on minimal. Have set it back to default now.

Now it is working with default style. But how do I get it working with minimal style?
- This reply was modified 6 years ago by Anonymous User 17612203.

Viewing 15 replies - 1 through 15 (of 17 total)

1 2 →

The topic ‘min-height comment field’ is closed to new replies.