Joomla Admin Customization

Joomla Admin Customization
Joomla Admin Customization

We know you pros out there have been working on Joomla for a while now and most of you might already know this but this article we would like to show how you can customize your Joomla Admin Page with your own branding and cool stuff. 

In this article, what we will show you is how to Customize Joomla Admin Area so that you will be able to add your own brand or a company logo or anything else you prefer for that matter.

Rebranding Joomla Admin Area

A few simple steps and you should be done.

  • Login to your Joomla Backend.
  • Browse to Extensions.
  • Then browse to Templates > Styles.
  • Make sure you select the Administrator templates list.
  • Open the isis-default template which is our current default admin template.
  • Click on the Advanced tab from the menu.
  • You can upload the logo to the login logo option and see the difference.

You can also change the background of the Admin Login template and the layout of the login field. You will need to tweak the code a little bit, this is how.

  • Browse to your_domain/administrator/templates/isis/css location and create custom.css file here.
  • Then go to your_domain/administrator/templates/isis/images and add your preferred background image here.
  • The code tweak needs to happen here in the Joomla administrator CSS
  • Add the below Joomla admin custom CSS in the custom.css and see the difference.
.view-login {
    background-color: #46adff !important; 
}
.well {
    min-height: 20px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fbfbfb;
        -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 15px;
    text-align-last: center;
}
.view-login .input-prepend .add-on, .view-login .controls .btn-group > .btn {
    margin-left: 0;
    border-radius: 8px;
    background: #5f8499;
    box-shadow: 1px 1px 20px #cbcbcb;
}

Below is the final output of the Joomla Administration Login Page

We found it really cool and interesting to change something without much of a hassle and thought of sharing with you all.

We hope you loved it as much as we did. Let us know your ideas on this. We love to hear from you.

About Syed Hussaini

I am a business consultant with 15+ Years of extensive expertise in IT Services Management (ITSM), Team Management, Training, Knowledge Management, and Business Operations. My involvement in a corporate environment and freelance projects, my career has taught me how to be more productive, proactive, and independent.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.