Skip to main content

How to Hide the “Back to Default Editor” Link in YOOtheme Pro (Joomla 5 & Joomla 6)

Tutorial 4 and

If you are working with YOOtheme Pro on Joomla, you may have noticed the “Back to Default Editor” link when editing articles that contain YOOtheme Builder content.

While this feature can be useful in some situations, it can also create problems for website administrators, editors, and clients. Accidentally switching back to the default Joomla editor may affect the content structure or lead to confusion when managing pages built with YOOtheme Pro.

In this tutorial, you’ll learn how to hide the “Back to Default Editor” link in YOOtheme Pro using a simple CSS snippet that works with Joomla 5 and Joomla 6.

Why Hide the “Back to Default Editor” Link?

Many Joomla websites are managed by multiple users, including editors, content managers, and clients. In these environments, it is often desirable to limit access to features that are not required for daily content editing.

Hiding the “Back to Default Editor” link can help to:

  • Prevent accidental changes to YOOtheme Builder content

  • Reduce confusion for non-technical users

  • Create a cleaner administration interface

  • Protect website layouts from unintended modifications

  • Improve the editing workflow for clients and editors

Since YOOtheme Pro is often used to build complex page layouts, restricting unnecessary options can make content management safer and more efficient.

CSS Snippet

In Joomla 5 and Joomla 6, go to the active administrator template (“Atum”) and check whether a file named “user.css” exists in the CSS folder (the path is “/media/templates/administrator/atum/css/user.css”). If the file does not yet exist, create it.

Add the following CSS to this file:

.view-article.layout-edit .adminform .tm-editor > a.tm-link {
display: none;
}

Click on “Save & Close” in the toolbar.

After saving the CSS file and clearing your Joomla cache, the link will no longer be visible in the article editing interface.

How the CSS Works

The CSS selector targets the specific link used by YOOtheme Pro to switch from the Builder interface back to the standard Joomla editor.

By applying:

display: none !important;  

the link is hidden from view while all other YOOtheme Pro functionality remains fully operational.

This approach does not modify Joomla core files or YOOtheme Pro files, making it a safe and update-friendly solution.

Compatibility

This solution has been tested with:

  • Joomla 5

  • Joomla 6

  • YOOtheme Pro

Because the modification relies only on CSS, it is unlikely to be affected by Joomla updates. However, if YOOtheme changes the underlying HTML structure in future releases, the selector may need to be adjusted.

Alternative Approaches

Depending on your project requirements, you may also consider:

  • Restricting user permissions through Joomla ACL

  • Limiting backend access for editors

  • Creating custom administrator styles

  • Using dedicated user roles for content editors

For most websites, however, the CSS solution is the quickest and easiest way to remove the “Back to Default Editor” link.

Conclusion

If you want to simplify the Joomla administration experience and prevent accidental changes to YOOtheme Builder content, hiding the “Back to Default Editor” link is a practical solution.

Using a simple CSS rule, you can keep the YOOtheme Pro editing environment cleaner and more user-friendly without modifying core files or affecting future updates.

This method is lightweight, easy to implement, and suitable for both Joomla 5 and Joomla 6 websites.

FAQ

How do I hide the Back to Default Editor link in YOOtheme Pro?

Add a custom CSS rule to your Joomla administrator template that targets the link and hides it using display: none.

Does this method work with Joomla 6?

Yes. The CSS solution works with both Joomla 5 and Joomla 6.

Will hiding the link affect YOOtheme Pro functionality?

No. The Builder remains fully functional. Only the link is hidden.

Do I need to modify Joomla core files?

No. The solution uses custom CSS and is update-safe.

Can I restore the link later?

Yes. Simply remove the custom CSS rule and the link will appear again.

Leave a Reply

Withdraw from contract