How to OMIT this button: "attrib-helix_ultimate_blog_options" from Front End Editors - Forum | JoomShaper
Awaiting an answer Helix Framework

How to OMIT this button: "attrib-helix_ultimate_blog_options" from Front End Editors

Asked by Loida 4 years ago Last activity 4 years ago

I'm trying to OMIT the BLOG OPTIONS button from the Front End article editor.

Using Permissions and other settings for TinyMCE I was able to omit a lot from the front end except this one last option "Blog Options" tab. We DO NOT want our Front End users having access to the BLOG OPTIONS feature. It appears to be a specific feature to Helix Ultimate...please advise. I've tried many things that just won't "stick."

PLEASE HELP: I've tried things that only work temporarily. Maybe I need an override?

SCREENSHOT:
https://snipboard.io/s04zti.jpg

HTML:
<button aria-expanded="false" aria-controls="attrib-helix_ultimate_blog_options" role="tab" type="button"><i class="fas fa-comments fa-fw"></i> Blog Options</button>

CSS Selctor:

com-content-form > div:nth-child(1) > button:nth-child(2)

CSS Path:
html body.site.helix-ultimate.hu.com-content.view-form.layout-edit.task-none.itemid-135.en-gb.ltr.sticky-header.layout-fluid.offcanvas-init.offcanvs-position-left div.body-wrapper div.body-innerwrapper section#sp-main-body div.container div.container-inner div.row main#sp-component.col-lg-8 div.sp-column div.hu-content-edit.edit.item-page.joomla4 form#adminForm.form-validate.form-vertical.com-content-adminForm fieldset joomla-tab#com-content-form div button

4 replies

Ofi Khan Staff

Hello Loida

There is no option to turn this off. You can use this CSS to Template Options -> Custom Code -> Custom CSS

.hu-content-edit fieldset button:nth-child(3) {
    display: none;
}

Best regards

Loida Asked this

Thank you Ofi! Almost there. It is close...BUT it turned off another button (the Select button to access media library) on the same page where I had created a Content Field / Media Type:

<input type="text" name="jform[com_fields][images][imagefile]" id="jform_com_fieldsimagesimagefile" value="" readonly="readonly" class="form-control field-media-input valid form-control-success" aria-invalid="false">

<button type="button" class="btn btn-success button-select">Select</button>

What specific class can be added to your code that still hides BLOG OPTIONS but would keep the other buttons on my page intact?

Ofi Khan Staff

Sorry, it is not possible to remove it with CSS class. I have found this options. I am explaining the CSS for you. Count the options and use the Blog Options position number in the code. If it is in the second position, then use nth-child(2).

.hu-content-edit fieldset button:nth-child(2) {
    display: none;
}
Loida Asked this

Thanks Ofi. I did count and the other button on page still dissappears. I'll try to find another way. Please make a note to your dev team for next roll-out/upgrade to see if they can offer controls on that Blog Options tab - even just two choices: visible on backend; hidden from front-end.

Log in to reply.