How to Move XTD Buttons from Below Joomla Editor to Above - 🛠 MM #204

The XTD buttons in the Joomla editor area show below the work area by default. In this video we see how to move the XTD buttons from below the Joomla editor to above it.

 

 

 

 

00:00 Introduction: Moving Extended Editor Buttons (XTD) in Joomla

00:32 Sponsorship: mysites.guru - Joomla Site Management Tools

01:02 Issue Explanation: XTD Buttons Below the Editor Area

01:41 Solution Overview: Relocating XTD Buttons with Custom CSS

02:11 Acknowledgment: Solution from Joomla Facebook Discussion

02:44 Implementation Steps: Creating and Adding Custom CSS

03:09 Creating Custom CSS File: Step-by-Step Instructions

03:47 Adding CSS Code: Relocating XTD Buttons Above the Editor

04:08 Testing: Ensuring XTD Buttons Appear Above the Editor

04:43 Demonstration: Final Result with XTD Buttons Above the Editor

05:14 Conclusion: Like, Subscribe, and Stay Tuned for More Tutorials

 

Summary

 

Introduction:

Tim Davis discusses the challenge of XTD buttons appearing below the editor in Joomla articles.

Sponsorship:

Sponsored by mysites.guru, offering tools for Joomla site management with a free trial promo code.

Issue Explanation:

XTD buttons' current placement below the editor may be confusing for users accessing Joomla articles.

Solution Overview:

Using custom CSS to move XTD buttons above the editor area for better user accessibility.

Acknowledgment:

Solution originated from a Joomla Facebook page discussion, with a link provided for reference.

Implementation Steps:

Navigate to Joomla's Administrator Templates, create a custom.css file in the CSS folder.

Creating Custom CSS File:

Detailed instructions on creating and saving the custom.css file within Joomla's admin template.

Adding CSS Code:

Instructions on copying and pasting specific CSS code to relocate XTD buttons above the editor.

Testing:

Guide on testing the CSS changes by adding a new article to verify XTD buttons' new position.

Demonstration:

Visual demonstration of XTD buttons now appearing above the editor, improving accessibility.

This structured outline provides a comprehensive overview of the video tutorial, covering each step from identifying the issue to implementing and testing the solution, ensuring clarity and ease of understanding for Joomla users looking to adjust their XTD button placement.

---

Interesting blog? Like it on Facebook, Post it or share this article on other bookmarking websites.