Joomla Tutorials and Blog Posts

Edit Your Joomla Site's Offline Logo

September 22, 2010 | Written by Steve Burge

This is Part 2 of a series of tutorials on Joomla's offline page:

If you have a normal Joomla site setup, anyone can come along and visit. Anyone can browse around and see what you're doing.

However, what happens if you're building site for a client? You don't want the whole world to see. The same is true if you're developing a site for yourself and aren't ready to make it public.

To solve this, Joomla allows you to work on a site in private where only you (and your client) can see it? Instructions for doing that are here. This tutorial follow on from a simpler set of instructions showing how to take your site offline.

Video Showing How to Edit Your Joomla Site's Offline Logo

Step-by-Step Tutorial Showing Edit Your Joomla Site's Offline Logo

However, if you're expecting vistiors you might want to customize the login page so that it contains your logo and your information. Here's how to do it:

Change the Logo

tutuploadstutuploadsmedia_1285182376223.png

The default Joomla offline page has a large Joomla logo and the message "The site is down for maintenance. Please check again soon."

tutuploadsmedia_1285183985578.png

In order to to start changing the page, go to the Administrator area of your website, click "Site" and then "Media Manager".

tutuploadsmedia_1285184030120.png

Click the red X next to the file called joomla_logo_black.jpg. We're going to delete that file so that you can upload your own.

Here's the thing ... you must make sure that the file you're uploading is also called joomla_logo_black.jpg. If it isn't yet, rename it.

tutuploadsmedia_1285184322369.png

At the bottom of your screen, click "Browse" to find the image on your desktop. Then click "Start Upload". If your image had uploaded successfully you should be able to visit the front of your site and see the new logo.

tutuploadsmedia_1285184392948.png

Changing the Text

tutuploadsmedia_1285184468984.png

If you'd like to change the text that appears on your offline page, go to Site >> Global Configuration and you can edit two area:
- Offline Message
- Site Name

tutuploadsmedia_1285184503954.png

Click Save when you're done and visit your new offline page:

tutuploadsmedia_1285184569039.png

 

 


To sign up for complete classes and support

 

Comments  

 
#1 djustiss 2010-11-05 12:36
Hey Steve:

I deleted all of the Joomla logos in 1.5.20 and uploaded a new joomla_logo_bla ck.jpg file size 5.06mg

I am not sure why it did not replace the old logo with the new. I installed the logo in the stories folder first it did not work, then I deleted it in the stories folder, installed it in the logo folder with the same results. You can look at my offline site www.smokymountainsbellavista.com can you figure out what went wrong?

Thanks, David
 
 
#2 kl6H_steve 2010-11-05 13:20
Hi David

If I try to access your logo directly it's not available: smokymountainsbellavista.com/.../...

That means its not been uploaded correctly and you'll need to try again.
 
 
#3 Teresa 2010-11-07 14:55
I need help!!

I cannot edit offline message. Actually, I write and save the message I want to be displayed but no change have been done when update.

Know anyone what the problem is?

Thanks a lot
 
 
#4 kl6H_steve 2010-11-08 08:16
Hi Teresa

Did you go to Site >> Global Configuration and change it there?

Did the site say you the chances were saved successfully?
 
 
#5 Razibul Hassan 2012-01-16 03:45
Nicely presented tutorial. Thanks for sharing.
 
 
#6 iowawebco 2012-01-16 10:46
You're very welcome, Razibul!

Kind regards,
Nick
 
 
#7 Matt 2012-05-06 23:03
Great tutorial, took 2 minutes for me to add my logo to my offline screen.

Great Job
 

Add comment


 


To sign up for complete classes and support