How remove header/banner in Joomla 1.5

Everything to do with Joomla! 1.5 templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Locked
fat_mossie
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Sat Apr 05, 2008 5:51 pm

How remove header/banner in Joomla 1.5

Post by fat_mossie » Sat Apr 05, 2008 6:11 pm

Hello guys

I need help. Very newbie... so please be gentle.

I have been using PHPbb3. And I wanna use Joomla as my main site CMS.

I am tying to remove the banner or do you call it header.

http://s305.[spam].com/albums/nn22 ... aforum.jpg

I got a few porblems in doing so.

1) as you can see on both side (arrowed) has the excess of the border. I spent hours look for it in html and css, I just cannot find it to modify it.

2) I wanna remove completely that grey shade (example in the circle). How can I convert the entire block so that it could look white, matching with my logo?

much appreciated. lease helllpop///


:'(

fat_mossie
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Sat Apr 05, 2008 5:51 pm

Re: How remove header/banner in Joomla 1.5

Post by fat_mossie » Sun Apr 06, 2008 4:04 am

Oh dear. Why there are no support here from the community.

Had a sleep and found the answer. I am sure a lot of there wanna change the banner (I call it banner) and clueless how to do so.

I will post how I did it.. and I dont even know wot the heck is CSS!

First I uploaded the logo, you must know the size of your logo, width and height, upload that pic into the template images folder ie if you are using milkyway it is in templates>rhuk_milkyway>images. Upload it there.

Now we need to look for the current logo and replace it. FInd it in Edit CSS> click Template> click edit

Code: Select all

div#logo {
	position: absolute;
	left: 0;
	top: 0;
	float: left;
	width: 447px;
	height: 172px;
	background: url(../images/yourlogo.jpg) 0 0 no-repeat;
	margin-left: 30px;
	margin-top: 25px;
change the file name to the your logo name with correct file extension.

note : this is where it is critical in order to make the logo visible it is specs ie the size. You must adjust the width adn height according to the size of your logo. Here I have already adjusted mine to 447 and 172. That is just to reveal the logo .

But the you still have that random messages that changes as you refreshes your website. I dont need it so I took it off complete by removing this string on mikly way HTML edit option

Code: Select all

<jdoc:include type="modules" name="top" />
In order the header to fit the size of my logo which is at the height of 172px. Milky way banner height was just less than half of that. So my image would have looked oversize. So I increase the height of the banner. by including this on the milky way edit HTML. This way the banner will expand with enough room to fit the height of your logo. Go to Edit HTML

find

Code: Select all

<div id="header">


then add

Code: Select all

<div style="height: 200px ;">
so your code should now look like

Code: Select all

<div id="header">
				    <div style="height: 200px ;">
                                         <div id="header_l">
note: I picked 200px because my image height is 172px. I wanted some room between my image heights. So you need to determine the heights value yourself.

And your banner/header should look like how I posted the problem.

http://i305.[spam].com/albums/nn22 ... aforum.jpg

Here I have 2 problems. the excess of the bar both left and right and the colour is not matching to logo background colour.

Here is what I have done.

I removed the greyish rounded banner completely. I looked for the scripts below on Milklyway edit CSS. I clicked on Green_bg. (depending on which colour theme you chose, mine is green)

find

Code: Select all

div#header {
	background: url(../images/green/mw_header_t.png) 0 0 repeat-x;

}

div#header_l {
	background: url(../images/green/mw_header_t_l.png) 0 0 no-repeat;
}

div#header_r {
	background: url(../images/green/mw_header_t_r.png) 100% 0 no-repeat;
I deleted them. Here how it will look like

http://i305.[spam].com/albums/nn22 ... forum2.jpg

As you can see that inner greyish texture has now dissappeared along with its round borders. The excess has also been removed.

My final problem was the colour of the banner background is not matching. I do know the setting of my logo background colour with is complete white #ffffff. I went to edit CSS. Click on Green_bg.

find

Code: Select all

div#wrapper {
		background: #ffffff url(../images/green/mw_shadow_l.png) 0 0 repeat-y;
I changed it to the above colour setting, which is complete white.


and here how it look like in the end which I am quite satisfied.

http://i305.[spam].com/albums/nn22 ... forum3.jpg
Hope this help

johill5
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Sun Apr 20, 2008 6:22 pm

Re: How remove header/banner in Joomla 1.5

Post by johill5 » Sun Apr 20, 2008 7:11 pm

Thank you SO much for your response to the logo question - I have been struggling with it for 3 frustrating days!

I still have one problem though. I can't get my logo to sit on the left - it just appears in the centre - right and looks very odd.

You can see it here http://www.opengym.co.uk

Can you help me with this problem so I can get the logo to sit on the left?

Thanks again

Jo

johill5
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Sun Apr 20, 2008 6:22 pm

Re: How remove header/banner in Joomla 1.5

Post by johill5 » Sun Apr 20, 2008 7:27 pm

Right so I played around with the padding in the CSS and managed to get my logo further over to the left now so it isn’t sitting in the middle any more.

However, the edges to the template have now gone a bit weird with grey bits sticking out of the sides – how do I get rid of those?

Also – how can I get the logo absolutely sitting far left and how do I blend in the banner so it is all white rather than my white logo sitting on a grey background?

Can you help?

Thanks again

Jo

fat_mossie
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Sat Apr 05, 2008 5:51 pm

Re: How remove header/banner in Joomla 1.5

Post by fat_mossie » Sun Apr 20, 2008 11:01 pm

johill5 wrote:Right so I played around with the padding in the CSS and managed to get my logo further over to the left now so it isn’t sitting in the middle any more.

However, the edges to the template have now gone a bit weird with grey bits sticking out of the sides – how do I get rid of those?

Also – how can I get the logo absolutely sitting far left and how do I blend in the banner so it is all white rather than my white logo sitting on a grey background?

Can you help?

Thanks again

Hi Jo,

I know how you feel. The forum support is so poor in Joomla, PHPBB3 is so much better. I am no good in CSS and I nil knowledge. But You had the same problem as I had. I have written that last bit of my thread to get rid of that "grey bit sitcking out" and its greying background ( as I can see your logo is white background so it looks misplaced). please refer to the above, or here

"I removed the greyish rounded banner completely. I looked for the scripts below on Milklyway edit CSS. I clicked on Green_bg. (depending on which colour theme you chose, mine is green)

find

Code: Select all
div#header {
background: url(../images/green/mw_header_t.png) 0 0 repeat-x;

}

div#header_l {
background: url(../images/green/mw_header_t_l.png) 0 0 no-repeat;
}

div#header_r {
background: url(../images/green/mw_header_t_r.png) 100% 0 no-repeat;


Jo

johill5
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Sun Apr 20, 2008 6:22 pm

Re: How remove header/banner in Joomla 1.5

Post by johill5 » Mon Apr 21, 2008 7:33 am

Thanks again very much - I really appreciate your help.
I have got rid of the extra grey bits on the sides now - which is great.
I would like to keep the rounded edges - although maybe I will have to get rid of them because I can't make it work with them.

Thanks!

Jo

s000t
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Wed Jul 30, 2008 4:49 am

Re: How remove header/banner in Joomla 1.5

Post by s000t » Wed Jul 30, 2008 4:57 am

Thanks a lot. I figured out a lot of the things you did before visiting this post, but the bits on the html and background template saved me a lot of time and headache.

sara_lulu
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Sat Nov 22, 2008 7:00 am

Re: How remove header/banner in Joomla 1.5

Post by sara_lulu » Tue Nov 25, 2008 3:48 am

hi...
im a new user..
i have already download a free templates from a SiteGround.com..
and now i want to change the banner by my own design..
i hve alredy try 2 chnge it bt it just make my banner become white..
it just like my page not have a banner...
Help me plz!.. ;)

fat_mossie
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Sat Apr 05, 2008 5:51 pm

Re: How remove header/banner in Joomla 1.5

Post by fat_mossie » Tue Nov 25, 2008 5:18 am

you need to be a little more specific.

Hawkmoon269
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Thu Apr 30, 2009 4:34 pm

Re: How remove header/banner in Joomla 1.5

Post by Hawkmoon269 » Thu Jun 04, 2009 3:32 pm

Now we need to look for the current logo and replace it. FInd it in Edit CSS> click Template> click edit

Code: Select all

div#logo {
	position: absolute;
	left: 0;
	top: 0;
	float: left;
	width: 447px;
	height: 172px;
	background: url(../images/yourlogo.jpg) 0 0 no-repeat;
	margin-left: 30px;
	margin-top: 25px;
change the file name to the your logo name with correct file extension.

note : this is where it is critical in order to make the logo visible it is specs ie the size. You must adjust the width adn height according to the size of your


Okay, I'm super novice: Have never designed before and Joomla is my first experience with SQL PHP Css etc. Where exactly is this CSS you are all referring to? Is it in the HTML editor on the front end of the website that I'm looking to change the logo on. Somebody wrote that there are a lot of questions on changing headers in the forum but I can't find that many or a place that describes it, yet. I'll look for a tutorial on changing a header in the meantime.

hearingv
Joomla! Intern
Joomla! Intern
Posts: 64
Joined: Mon Aug 31, 2009 2:14 am

Re: How remove header/banner in Joomla 1.5

Post by hearingv » Fri Sep 04, 2009 1:22 am

I am going crazy tryng to figure out how to do the first step, i,e upload my own logo to the template manager. I opened the EXtensions/template manager/ rhuk milkyway- but cannot see where to upload images?

I have been trying for two days, as have Joomla sample preinstalled to delete their header and put in my own. Am designing a charity site, am unexperienced and going slighty cuckoo!

Help, or direct me to a link on a site that I can understand someone please :)

maavahinfo
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Mon Nov 09, 2009 7:07 am

Re: How remove header/banner in Joomla 1.5

Post by maavahinfo » Mon Nov 09, 2009 8:29 am

i can't remove this banner(news-photo.jpg) on joomla 1.5 template (keep-it-fresh-template)

can anybody help me to remove it, PLEASE.....!!!

banner link is; http://www.maavahinfo.com/templates/the ... -photo.jpg
it comes top of my banner area, i want remove it.

hearingv
Joomla! Intern
Joomla! Intern
Posts: 64
Joined: Mon Aug 31, 2009 2:14 am

Re: How remove header/banner in Joomla 1.5

Post by hearingv » Mon Nov 09, 2009 10:00 am

In the end I changed my template to one that was easier to change.
I replaced the photos that show in my banner, with my own.
I think I had to go into the control panel on the SERVER. ( not on the Joomla )
Find out the name of the photos on the header, then save the photo you want to use, and give it the same name as the photo in the header on your file. Go to the server panel, and upload your photo into the header folder. It will overwrite the existing file.
You may have to change the permissions to to allow you to write over the file.

Hope that helps, is a bit of a rough guide, but you should get the idea.

I changed to the JA Purity template, was easy to change the writing in the header.

camsarim
Joomla! Apprentice
Joomla! Apprentice
Posts: 25
Joined: Wed Feb 10, 2010 11:57 pm
Contact:

Re: How remove header/banner in Joomla 1.5

Post by camsarim » Thu Feb 11, 2010 1:28 am

thanks so much.

User avatar
Ghonjez
Joomla! Exemplar
Joomla! Exemplar
Posts: 8770
Joined: Sat Oct 18, 2008 3:02 am
Location: Mars
Contact:

Re: How remove header/banner in Joomla 1.5

Post by Ghonjez » Fri Feb 19, 2010 9:39 am

sara_lulu wrote:hi...
i have already download a free templates from a SiteGround.com..
and now i want to change the banner by my own design..
Hi...

Which template you are using ? becuase Siteground.com has a lots of free templates

;)


Locked

Return to “Templates for Joomla! 1.5”