SP Builder 4.0.3, frontend JCE container width 300px - Forum | JoomShaper
Staff replied SP Page Builder

SP Builder 4.0.3, frontend JCE container width 300px

Asked by Vince Murphy 4 years ago Last activity 4 years ago

I'm having a problem with the width of the container for JCE when editing in front end.
Here's a screenshot:
https://drive.google.com/file/d/189Z80AnV4JtBvf4o1TXiL3tqgz6Qt3Kc/view?usp=sharing
I've traced the problem to:
components/com_sppagebuilder/assets/css/editor.css

.builder-inline-editor-item.builder-inline-editor-has-child :is(.builder-inline-editor-dropdown,.builder-inline-editor-button-content,.builder-inline-editor-button-options) {
position: absolute;
width: 300px;
}

Does anybody know why this is set to 300px?
Can I just override this in my custom css?
Is anybody else seeing this?

Thanks...Vince

3 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
4 years ago · edited

Hi Vince,

Why? I don't know. But I know it will be improved in one of upcoming updates. It's on our list-to-do.

Yes, you can override by using custom.css file, use "!important"

Extra advice, remove all icons from JCE toolbar that you don't use, I guess 50% of them. You can save a lot of space. I do it ever single time. From my private www

jce.png

Vince Murphy Asked this
4 years ago

Thanks Paul. Glad to hear it's on the to do list. I'll work around for now and yes I should remove about 80% of those icons. Thanks again.

Paul Frankowski Senior Staff
4 years ago

Also useful tip before offcial update:


@media (min-width: 780px) {
.builder-inline-editor-item.builder-inline-editor-has-child :is(.builder-inline-editor-dropdown,.builder-inline-editor-button-content,.builder-inline-editor-button-options)
{ min-width: 720px; width: 720px !important;}
}
Log in to reply.