How you change the height for the WYSIWYG plugin?


Topic: How you change the height for the WYSIWYG plugin?

examedge pro premium priority asked 5 years ago

Expected behavior

Actual behavior

Resources (screeenter code herenshots, code snippets etc.)


Bartłomiej Malanowski staff pro premium answered 5 years ago

It's pretty easy ;) Just take a look at the following code:

.mdb-wysiwyg-textarea {
     min-height: 450px; /* Your desired height */ 
}

Lustig pro premium priority commented 4 years ago

thanks for the hint. I tried to enforce this via:.

mdb-wysiwyg-textarea { min-height: 250px !important; /* Your desired height */}

but it does not work.where should i play your statement at best?

thanks in advanceThomas


Marcin Luczak staff commented 4 years ago

Hi @Lustig,

You can use all custom styles inside the _custom-styles.scss file and compile it into your project with webpack or gulp.

https://mdbootstrap.com/articles/jquery/md-bootstrap-webpack-tutorial/

https://mdbootstrap.com/education/bootstrap/gulp-installation/

If you're not using any bundler/compiler you can set your custom styles directly in the index.html file inside the <style></style> tag.

I hope this helps, Regards, Marcin


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: 4.8.8
  • Device: desktop
  • Browser: chrome, and all other browsers
  • OS: windwos 10
  • Provided sample code: No
  • Provided link: No