Tuesday, February 22, 2011

How to Replacing the Joomla! logo

  • Create your own logo and upload it to the rhuk_milkyway/images folder. You want it to be 298x75 pixels in size. Depending on the background of your site, consider making the logo with transparent background, and saving it in a file format (say, png) that supports it.
You do not have to place your image in the rhuk_milkyway/images folder; it just makes it easier when you tell joomla where to look for your logo.
  • In administration, go to Extensions > Template Manager
  • Click on rhuk_milkyway, you will access the Template edit page
  • Click on Edit CSS
  • Select template.css and click edit
  • look for the div#logo style. It should look something like this:
div#logo {
        position: absolute;
        left: 0;
        top: 0;
        float: left;
        width: 298px;
        height: 75px;
        background: url(../images/mv_joomla_logo.png) 0 0 no-repeat;
        margin-left: 30px;
        margin-top: 25px;
}
The line you are interested is the one beginning with background. Change the path of the image to the image you have uploaded. If you put your image in the rhuk_milkyway/images folder, all you would have to do is replace mv_joomla_logo.png with you logo filename.
  • Click on Save

No comments:

Post a Comment