Page 1 of 1

Replacing top Joomla header/logo with own

Posted: Mon Apr 14, 2008 8:09 pm
by wastetimewisely
Firstly, apologies if this is covered elsewhere, I'm struggling to find an answer suitable for a relative beginner.

The website I am working on is http://www.ringwoodjudoclub.co.uk

It's at an early stage and I have a grasp of most of it apart from replacing the default Joomla header banner (because open source matters) and the text to the right of it. I would like to reaplce it with a small logo to go in the left corner and a header of 'Ringwood Judo Club'

How can this be changed? I'm using the standard milkway way template currently. Is the solution going to be the same with the Beez template?

Any other advice would also be muchly appreciated.

Thanks

Doug

Re: Replacing top Joomla header/logo with own

Posted: Mon Apr 14, 2008 9:07 pm
by jonascw
Hi,

A very easy way is to make your own image 298 px width and 75 px height and name it mw_joomla_logo.png and upload it to templates/rhuk_milkyway/images/

The other way is to dive into the template files and do some changes in the css file.

Hope this helps.

Re: Replacing top Joomla header/logo with own

Posted: Tue Apr 22, 2008 2:41 pm
by wastetimewisely
Hi,

Thanks for that, it worked. My next problem is determining the background colour of the top header, it appears to be a fading grey. Is there a way of changing this so it is one shade of grey? Or is there a way of using a similar fade in a graphics package?

As you can see from the website the work in progress banner has a white background and looks rather untidy!
http://www.ringwoodjudoclub.co.uk

Thanks

Doug

Re: Replacing top Joomla header/logo with own

Posted: Wed Apr 23, 2008 2:25 pm
by exinco
how about replace with flash banner with big size

http://forum.joomla.org/viewtopic.php?f=480&t=286738

thanks.

Re: Replacing top Joomla header/logo with own

Posted: Thu May 01, 2008 10:50 am
by chriswi
Ho do I make the header area larger? I have a larger logo.

Re: Replacing top Joomla header/logo with own

Posted: Thu Jun 19, 2008 8:02 am
by StephanBotha
chriswi wrote:Ho do I make the header area larger? I have a larger logo.
I also have a larger logo and it just displays behind the header with its top sticking out. Any help?

Re: Replacing top Joomla header/logo with own

Posted: Sat Jun 21, 2008 1:56 pm
by fionaby
Does it have to be png or will jpg work?

Re: Replacing top Joomla header/logo with own

Posted: Sat Jun 21, 2008 2:10 pm
by StephanBotha
JPG will also work but then you have to make sure the filename in the template.css file is correct.

Check this post of mine:
http://forum.joomla.org/viewtopic.php?f ... 5#p1329678

Re: Replacing top Joomla header/logo with own

Posted: Mon Jun 23, 2008 9:23 pm
by Eljandro
Hei!

I'm working on it for my page too, I just put a jpeg. It works.

Just make sure to prepare the size in pixels that suits you, I recommend to make it better 96 pixels per inch to not to have problems, so it will always fit. then in the template.css file write the name of your file on the place of the joomla file as they say, but also change the width/height acording to the size of your file



div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 529px;
height: 90px;

background: url(../images/eljandro_headlogo.jpg) 0 0 no-repeat;
margin-left: 30px;
margin-top: 25px;

Anyway, for other matters, my page is not yet ready, let's see. Good luck with yours!

Re: Replacing top Joomla header/logo with own

Posted: Fri Jul 18, 2008 3:46 pm
by Word Warrior
I've sorted out how to change the size and image but I want the image to be centered relative to the rest of the header and site.
The relevant code at the moment is:-
div#logo {
position: absolute;
left: 0;
top: 0;
float: centre;
width: 990px;
height: 80px;
background: url(../images/banner1872b.png) 0 0 no-repeat;
margin-left: 120px;
margin-top: 25px;
}
What do I need to add/change to get it centered? :-\

Re: Replacing top Joomla header/logo with own

Posted: Sat Jul 26, 2008 12:09 am
by believe
If I have created my logo and put it in this file, will it show in my web address when I go live? Can I make it show up while I am building the site? this is the folder it is in C:\wamp\www\Joomla-1.5.2 stable\templates\aurora\images\blue

believe

Re: Replacing top Joomla header/logo with own

Posted: Sun Jul 27, 2008 12:34 am
by kukujang
fionaby wrote:Does it have to be png or will jpg work?
I think PNG is work.

Re: Replacing top Joomla header/logo with own

Posted: Tue Sep 23, 2008 6:30 am
by kuroanders
How do you upload it to templates/rhuk_milkyway/images/ or link it to your own images folder? I've tried my own folder and it still doesn't work.

Re: Replacing top Joomla header/logo with own

Posted: Tue Sep 23, 2008 10:48 pm
by Keith Valentine
Hi,

I also have this problem. I can remove the Joomla! logo by disabling the CSS line that reads:
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;

However, if I upload my own logo either in .png or .jpg format (transparent or opaque), with identical image dimensions, and rename my logo file to mw_joomla_logo.png or mw_joomla_logo.jpg (whichever applies), and ensure permissions are set to 755, then re-enable that CSS statement, the best results I can possibly get are a rather distorted display of my image, with distorted colour patterns.

Does anyone know how to fix this problem? I don't understand what I'm doing wrong. I've tried everything I can think of and I'm totally stumped.

Keith

Re: Replacing top Joomla header/logo with own

Posted: Sat Feb 28, 2009 9:51 pm
by Poage
I'm a beginner and finding this topic enlightening, to say the least. How do I get to
viewtopic.php?f=480&t=286738 and to others referenced in some posts? No sense repeating some very good info. Thanks!

Re: Replacing top Joomla header/logo with own

Posted: Sat Feb 28, 2009 10:08 pm
by Poage
Based on the replies I've read so far, I looked at the replacement logo I propose to use and oh my, I've got troubles. I've inherited a background for the home page, which I really like and it is 760 X 620. Anyway, those were the numbers next to the file size and I can't imagine what else they would represent. How can I get it into my current project where I'm using milkyway??