[Gelöst] Can I hide specific buttons on front-end content submission?

[Author]

Artikel

[aaronM-9]

I'd like users to be able to insert images into their posts the submit but when I enable that option there are some buttons that appear (forms, views, access, gallery, etc.). Is it possible to make these go away on the front-end? Thanks.

- Aaron

[Shane]

Hi Aaron,

These buttons appear over the editor correct?

Is it that you want the users to be able to upload images into the WYSIWYG editor ?

Please let me know.

Thanks,
Shane

[aaronM-9]

Hi Shane,

Yes, in the WYSIWYG front-end editor, I would like the Toolset Forms, Fields and Views, Add Gallery, and Access buttons to be invisible. Please see screenshot. Thanks.

- Aaron

[Shane]

Hi Aaron,

Could you send me a link to the page cause we can hide this with some css.

Thanks,
Shane

[aaronM-9]

Hi - You can find the form on this page: /private-page/products/add-a-product/

Thanks.

- Aaron

[Shane]

Hi Aaron,

It says I need to sign in to continue.

Could you provide just a simple account for me so that I can see this form ?

Thanks,
Shane

[Shane]

HI Aaron,

Should be fine now.

Thanks,
Shane

[aaronM-9]

Hi Shane,

I'm not quite following. Did you make a change? I still see the buttons.

- Aaron

[Shane]

Hi Aaron,

Yes this is the form that you sent me to remove the buttons for private-page/products/add-a-product/

From the screenshot you can see that the toolset buttons are no longer there.

Thanks,
Shane

[aaronM-9]

Shoot, I totally sent you the wrong link. The screenshot was right but the link should have been /private-page/community-content/create-a-post/. I don't even think I had the upload image option enabled on the add product form.

What CSS did you add and where did you add it? I can just use this to implement the change on other pages. Thanks.

- Aaron

[Shane]

Hi Aaron,

This is the CSS i used.

.js-cred-in-toolbar{
 display: none !important; 
}
.js-wpv-fields-and-views-in-toolbar{
   display: none !important; 
}
.js-wpcf-access-editor-button{
   display: none !important; 
}

Thanks,
Shane

[aaronM-9]

That worked. Great, thanks!

- Aaron