How to Change the Header in Joomla 3.0
Moderator: General Support Moderators
Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
-
- Joomla! Apprentice
- Posts: 38
- Joined: Tue Sep 01, 2009 9:00 pm
How to Change the Header in Joomla 3.0
I would like to change the 'Header' in my Joomla 3.0 website. I am currently using the Beez3 template. I would like to change the header with an image of my own.
Can anyone point me to where I could find instructions on how to do this the right way.
Thanks
Can anyone point me to where I could find instructions on how to do this the right way.
Thanks
- imanickam
- Joomla! Master
- Posts: 28202
- Joined: Wed Aug 13, 2008 2:57 am
- Location: Chennai, India
Re: How to Change the Header in Joomla 3.0
The header image file to be replaced is is personal2.png located in the directory /templates/beez3/images/personal.
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Joomla! Core - Tamil (தமிழ்) Translation Team Coordinator
Former Joomla! Translations Coordination Team Lead
Eegan - Support the poor and underprivileged
Joomla! - Global Moderators Team | Joomla! Core - Tamil (தமிழ்) Translation Team Coordinator
Former Joomla! Translations Coordination Team Lead
Eegan - Support the poor and underprivileged
-
- Joomla! Apprentice
- Posts: 6
- Joined: Wed Jul 06, 2011 2:10 pm
Re: How to Change the Header in Joomla 3.0
I have just replaced that png but the front page of the site has not updated. Any ideas?
- imanickam
- Joomla! Master
- Posts: 28202
- Joined: Wed Aug 13, 2008 2:57 am
- Location: Chennai, India
Re: How to Change the Header in Joomla 3.0
Ravius:
What is your site's URL?
Clear the Browser Cache and see what happens.
What is your site's URL?
Clear the Browser Cache and see what happens.
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Joomla! Core - Tamil (தமிழ்) Translation Team Coordinator
Former Joomla! Translations Coordination Team Lead
Eegan - Support the poor and underprivileged
Joomla! - Global Moderators Team | Joomla! Core - Tamil (தமிழ்) Translation Team Coordinator
Former Joomla! Translations Coordination Team Lead
Eegan - Support the poor and underprivileged
-
- Joomla! Apprentice
- Posts: 6
- Joined: Wed Jul 06, 2011 2:10 pm
- imanickam
- Joomla! Master
- Posts: 28202
- Joined: Wed Aug 13, 2008 2:57 am
- Location: Chennai, India
Re: How to Change the Header in Joomla 3.0
You have changed the Template Color from Personal to Red. When you change the Template Color such as Red, you have to select an image file for the option Header Image.
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Joomla! Core - Tamil (தமிழ்) Translation Team Coordinator
Former Joomla! Translations Coordination Team Lead
Eegan - Support the poor and underprivileged
Joomla! - Global Moderators Team | Joomla! Core - Tamil (தமிழ்) Translation Team Coordinator
Former Joomla! Translations Coordination Team Lead
Eegan - Support the poor and underprivileged
-
- Joomla! Apprentice
- Posts: 6
- Joined: Wed Jul 06, 2011 2:10 pm
Re: How to Change the Header in Joomla 3.0
Ah yes, then I guess that will be it. How do i remove the text thats now visable over the image?
Many thanks
Many thanks
- imanickam
- Joomla! Master
- Posts: 28202
- Joined: Wed Aug 13, 2008 2:57 am
- Location: Chennai, India
Re: How to Change the Header in Joomla 3.0
Suggest reviewing the contents of the options Site Title and Site Description that are available in the same page where you have changed the Template Colour.
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Joomla! Core - Tamil (தமிழ்) Translation Team Coordinator
Former Joomla! Translations Coordination Team Lead
Eegan - Support the poor and underprivileged
Joomla! - Global Moderators Team | Joomla! Core - Tamil (தமிழ்) Translation Team Coordinator
Former Joomla! Translations Coordination Team Lead
Eegan - Support the poor and underprivileged
-
- Joomla! Apprentice
- Posts: 6
- Joined: Wed Jul 06, 2011 2:10 pm
Re: How to Change the Header in Joomla 3.0
Great thanks.
- imanickam
- Joomla! Master
- Posts: 28202
- Joined: Wed Aug 13, 2008 2:57 am
- Location: Chennai, India
Re: How to Change the Header in Joomla 3.0
On a second thought, reviewed your site again with the header image showing.
I believe that in your case, you have no value in those options and you have campervan-dvd.co.uk as the Site Name (in the Global Configuration.)
Edit the file position.css located in the directory /templates/beez3/css and the following css entry, change the value of the css attribute display from block to none.
I believe that in your case, you have no value in those options and you have campervan-dvd.co.uk as the Site Name (in the Global Configuration.)
Edit the file position.css located in the directory /templates/beez3/css and the following css entry, change the value of the css attribute display from block to none.
Code: Select all
#logo {
margin-top: 0;
margin-left: 10px;
display: block;
padding: 1em 20px 20px 10px;
width: 425px;
font-weight: normal;
line-height: 1em;
}
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Joomla! Core - Tamil (தமிழ்) Translation Team Coordinator
Former Joomla! Translations Coordination Team Lead
Eegan - Support the poor and underprivileged
Joomla! - Global Moderators Team | Joomla! Core - Tamil (தமிழ்) Translation Team Coordinator
Former Joomla! Translations Coordination Team Lead
Eegan - Support the poor and underprivileged
-
- Joomla! Apprentice
- Posts: 6
- Joined: Wed Jul 06, 2011 2:10 pm
Re: How to Change the Header in Joomla 3.0
Fantastic, Many thanks. Time for some reading I think.
-
- Joomla! Apprentice
- Posts: 17
- Joined: Fri Jul 12, 2013 8:55 am
Re: How to Change the Header in Joomla 3.0
The logo image on my website is smaller than the logo header. So the blue background color shows up along edges.imanickam wrote:On a second thought, reviewed your site again with the header image showing.
I believe that in your case, you have no value in those options and you have campervan-dvd.co.uk as the Site Name (in the Global Configuration.)
Edit the file position.css located in the directory /templates/beez3/css and the following css entry, change the value of the css attribute display from block to none.Code: Select all
#logo { margin-top: 0; margin-left: 10px; display: block; padding: 1em 20px 20px 10px; width: 425px; font-weight: normal; line-height: 1em; }
Could you pls show me how to change the codes in CSS so the the blue bacgournd color is removed and the logo is centered in the header?
-
- Joomla! Apprentice
- Posts: 14
- Joined: Thu Mar 24, 2011 6:50 am
Re: How to Change the Header in Joomla 3.0
I got rid of the padding and kept my header and logo.
Use this in /public_html/templates/beez3/css/position.css
Edited: I tried all 0px but my site seemed to slow down so I went with 1px so that the normal padding routine runs with minimal impact.
Use this in /public_html/templates/beez3/css/position.css
Code: Select all
#logo {
margin-top: 0;
margin-left: 0px;
display: block;
padding: 0em 0px 0px 1px;
width: 425px;
font-weight: normal;
line-height: 1em;
}
Last edited by Tomtech on Fri Jan 17, 2014 2:43 am, edited 1 time in total.