WYSIWYG Custom Height

You can override the height with custom CSS.

If you want to redefine the height of every ACF WYSIWYG block, you can change the min-height to a lower value:

.acf_wysiwyg iframe {
    min-height: 250px;
}

If you want to define it for a specific field, you can do something like this:

#acf-your_acf_key .acf_wysiwyg iframe {
	min-height: 2em;
}

Instead of your_acf_key, you will put the key that you specified for that field.

Thanks Manuel!

You might also like do to something like this if you want to target just the basic wysiwyg

[data-toolbar="basic"] iframe  {
	min-height: 125px;
}

Thanks samba_nz. I love the WordPress community.

I can’t seem to get this to work ??

I’ve even tried:

.acf_wysiwyg {
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
}

#acf-field_name .acf_wysiwyg iframe {
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
}

Nothing changes the default size of the WYSIWYG Editor with the Basic Toolbar. I want this to apply to all the ACF WYSIWYG Editors, but figured I’d try with the actual field name too, is that what you’re supposed to use for your_acf_key?