The Joomla! Forum ™



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.



Post new topic Reply to topic  [ 13 posts ] 
Author Message
PostPosted: Sun Jan 13, 2013 3:53 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Tue Sep 01, 2009 9:00 pm
Posts: 23
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


Top
 Profile  
 
PostPosted: Wed Jan 16, 2013 6:08 am 
User avatar
Joomla! Master
Joomla! Master

Joined: Wed Aug 13, 2008 2:57 am
Posts: 22494
Location: Chennai, India
The header image file to be replaced is is personal2.png located in the directory /templates/beez3/images/personal.

_________________
- Ilagnayeru (MIG) Manickam
http://www.eegan.org - helping the poor and underprivileged
educate. empower. enrich.
Support the poor and underprivileged


Top
 Profile  
 
PostPosted: Thu Mar 07, 2013 3:23 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Wed Jul 06, 2011 2:10 pm
Posts: 6
I have just replaced that png but the front page of the site has not updated. Any ideas?


Top
 Profile  
 
PostPosted: Thu Mar 07, 2013 3:26 pm 
User avatar
Joomla! Master
Joomla! Master

Joined: Wed Aug 13, 2008 2:57 am
Posts: 22494
Location: Chennai, India
Ravius:

What is your site's URL?

Clear the Browser Cache and see what happens.

_________________
- Ilagnayeru (MIG) Manickam
http://www.eegan.org - helping the poor and underprivileged
educate. empower. enrich.
Support the poor and underprivileged


Top
 Profile  
 
PostPosted: Thu Mar 07, 2013 3:30 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Wed Jul 06, 2011 2:10 pm
Posts: 6
Hi

The URL is : http://www.campervan-dvd.co.uk

Tried Firefox & Chrome it hasnt changed


Top
 Profile  
 
PostPosted: Thu Mar 07, 2013 3:45 pm 
User avatar
Joomla! Master
Joomla! Master

Joined: Wed Aug 13, 2008 2:57 am
Posts: 22494
Location: Chennai, India
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
http://www.eegan.org - helping the poor and underprivileged
educate. empower. enrich.
Support the poor and underprivileged


Top
 Profile  
 
PostPosted: Thu Mar 07, 2013 3:54 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Wed Jul 06, 2011 2:10 pm
Posts: 6
Ah yes, then I guess that will be it. How do i remove the text thats now visable over the image?

Many thanks


Top
 Profile  
 
PostPosted: Thu Mar 07, 2013 3:57 pm 
User avatar
Joomla! Master
Joomla! Master

Joined: Wed Aug 13, 2008 2:57 am
Posts: 22494
Location: Chennai, India
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
http://www.eegan.org - helping the poor and underprivileged
educate. empower. enrich.
Support the poor and underprivileged


Top
 Profile  
 
PostPosted: Thu Mar 07, 2013 4:02 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Wed Jul 06, 2011 2:10 pm
Posts: 6
Great thanks.


Top
 Profile  
 
PostPosted: Thu Mar 07, 2013 4:07 pm 
User avatar
Joomla! Master
Joomla! Master

Joined: Wed Aug 13, 2008 2:57 am
Posts: 22494
Location: Chennai, India
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:
#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
http://www.eegan.org - helping the poor and underprivileged
educate. empower. enrich.
Support the poor and underprivileged


Top
 Profile  
 
PostPosted: Thu Mar 07, 2013 4:36 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Wed Jul 06, 2011 2:10 pm
Posts: 6
Fantastic, Many thanks. Time for some reading I think.


Top
 Profile  
 
PostPosted: Wed Jul 17, 2013 10:47 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Fri Jul 12, 2013 8:55 am
Posts: 17
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:
#logo {
    margin-top: 0;
    margin-left: 10px;
    display: block;
    padding: 1em 20px 20px 10px;
    width: 425px;
    font-weight: normal;
    line-height: 1em;

}


The logo image on my website is smaller than the logo header. So the blue background color shows up along edges.
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?


Top
 Profile  
 
PostPosted: Fri Jan 17, 2014 1:51 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Thu Mar 24, 2011 6:50 am
Posts: 14
I got rid of the padding and kept my header and logo.

Use this in /public_html/templates/beez3/css/position.css

Code:
#logo {
    margin-top: 0;
    margin-left: 0px;
    display: block;
    padding: 0em 0px 0px 1px;
    width: 425px;
    font-weight: normal;
    line-height: 1em;

}


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.


Last edited by Tomtech on Fri Jan 17, 2014 2:43 am, edited 1 time in total.

Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 13 posts ] 



Who is online

Users browsing this forum: j03y13 and 34 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group