Hello Joomla Users,
Here is a recap of some useful info about changing the logo size with the Rhuk MilkyWay Template for Joomla 1.5. *Please note - this works specifically if you choose not to use the Top menu.
In my experience, I found that changing the logo size itself was relatively easy to do. The problem that came up was background distortion (i.e.- the logo didn't fit quite right, there were funny white `tabs' protruding strangely from the borders,etc..) Understandably, many people seem frustrated by these issues but be assured there are answers - all of which I have discovered on this forum. Just remember to make backups of any original files and folders that you may need to alter and you'll be fine if things get too weird.
Lastly, extremely useful programs I used were the GIMP 2.6 (Image Program) and Firebug for the Firefox Browser.
OK, here is some great info about logos and relevant background images (
Many thanks to the joomla users who originally posted this !!! sorry, I can't remember their names)
1) The location of the default header image - templates\rhuk_milkyway\images\mw_joomla_logo.png
2) You need to create /alter your new logo with a graphics program then upload it to your site with either a FTP program or other means. It is important that you upload the image to the template image directory, not the Joomla images directory.
3)You can then go to Extensions | Template Manager and select the Milkyway template. Then select the Edit the template.css file.
Once you are viewing the template.css file, scroll down until you find the logo div.
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
4) Here , you can increase the height and width of your logo. Also, you can change the logo filename to what ever you want it to called . The default is `mw_joomla_logo.png'. For simplicity, keep the file type as .png because" the current default image is a PNG which has ALPHA channels (which gives it transparancy in the "white" bits)"
5a)At this point I proceeded to simply change the values in the div#header_r . This is located just
above the previous div#logo code.
height: 90px; <---Here I increased the height value.
5b) Amongst other things, a major problem was those strange protruding white tabs . Fortunately, this is where I discovered there are several images that make up the background of the header area that need to be modified. (Thanks again, to the original user who posted this!!)
If logo size is 450X112
Open up the following image files from the corresponding background color folder in a graphics program (eg- use Firefox or Gimp 2.6) and modify the size as indicated:
from 36x129 to 36x167 --- > increase of 11 or 12 %
from 37x115 to 37x150
from 37x115 to 37x150
Upload the modified images to the site.
Open and edit the CSS file for your template color (i.e. blue_bg.css)
Add a line for height to each of the header tags as follows:
background: url(../images/blue/mw_header_t.png) 100% 0 repeat-x;
background: url(../images/blue/mw_header_t_l.png) 0 0 no-repeat;
background: url(../images/blue/mw_header_t_r.png) 100% 0 no-repeat;
Of course, you can modify all these dimensions as necessary to fit with your logo, but it should do the trick."
*I noticed following these changes will override the height info value of the div_header_r section of /rhuk_milkyway/css/template.css but I matched the value to the mw_header_t.png file.
6)To make my logo fit better . I used the firebug tool in Firefox. I opened the inspect element tool and clicked on my logo. On the bottom right there is div#logo info . I clicked and experimented with the px values of margin-left and margin top till I was happy with my logo position. I then changed these values in the div_#logo code of the css template file. Please note, these changes may affect the Newsflash area but using the firebug inspect tool will point you in the right direction if you need to make further changes.
Hope this helps....