00:00 - Introduction and Sponsor Acknowledgment
00:30 - Introduction to Maintenance Monday and Services Offered
01:03 - Example: Customizing the Admin Template for Better Visibility
01:28 - Instructions to Find CSS Code Using Chrome Inspector
02:03 - Modifying CSS Code to Change Button Color to Red
02:39 - Adding Custom CSS to Joomla 4 Admin Template
03:12 - Creating a New CSS File in Administrator Templates
03:39 - Saving and Applying Custom CSS Changes
04:11 - Conclusion and Final Remarks
SUMMARY
Introduction and Sponsor Acknowledgment:
Tim Davis introduces the video and acknowledges mysites.guru for sponsoring the content.
Invites viewers to get a free site audit from mysites.guru.
Introduction to Maintenance Monday and Services Offered:
Tim explains Maintenance Monday on the Basic Joomla Tutorials YouTube channel.
Highlights his expertise in Joomla site building, maintenance, and migration.
Example: Customizing the Admin Template for Better Visibility:
Shows a previously installed plugin that blends with other buttons.
Discusses the intention to customize the button's appearance for better visibility.
Instructions to Find CSS Code Using Chrome Inspector:
Demonstrates using the Chrome Inspector (F12) to identify the CSS affecting the button.
Selects and inspects the CSS properties that need modification.
Modifying CSS Code to Change Button Color to Red:
Edits the CSS code to change the background color property to red.
Copies the modified CSS code for use in the admin template customization.
Adding Custom CSS to Joomla 4 Admin Template:
Navigates to "System" > "Templates" > "Administrator Templates" in Joomla 4.
Creates a new CSS file named "user.css" within the appropriate directory.
Creating a New CSS File in Administrator Templates:
Highlights the importance of selecting the correct folder (CSS folder) when creating the new CSS file.
Names the file "user.css" and saves it with the copied custom CSS code.
Saving and Applying Custom CSS Changes:
Saves the changes made to the "user.css" file within the Joomla admin interface.
Shows the updated button in the admin interface now displayed in red, improving visibility.
Conclusion and Final Remarks:
Concludes by summarizing the process of adding custom CSS to the Joomla 4 admin template.
Encourages viewers to subscribe for more Joomla-related tutorials and offers best wishes.
Please send any feedback or bug reports or queries to;
Contact Tim Davis ►
Joomla Training Cohort ► https://cybersalt.com/jtc
Add comment