Joomla Templates Club 406,261 posts

[Ingonuts Friend IngonutsJoin date: March 2006Posts: 4Downloads:0Uploads:0]

#116748

I was wondering if there was any way to put a logo header above the Navigation pane that is the same width? I love the template but would love to put our logo as a header to it?

Any advice?

[Ingonuts Friend IngonutsJoin date: March 2006Posts: 4Downloads:0Uploads:0]

#209544

No one has any input on this?

[nathanbohn Friend nathanbohnJoin date: March 2006Posts: 230Downloads:0Uploads:0 Thanked: 9 times in 1 posts]

#209574

In the template manager in your backend edit the HTML. Look for <!– BEGIN: LEFT COLUMN –>
Locate where to add your image, then add it with a

<img src=””>

tag

[tradewise Friend tradewiseJoin date: October 2006Posts: 6Downloads:0Uploads:0]

#211153

tradewise wrote:

I was wondering if there was any way to put a logo header above the Navigation pane that is the same width? I love the template but would love to put our logo as a header to it?

Any advice?</blockquote>

Please note I’m note a coder, however I do believe in sharing solutions if and when I can. I’ve added this solution it uses one image for both wide screen and default. You’ll need to create your own image and then modify the CSS to suit your self.

For this to work:

Create an Image and upload it to images folder. Name it my_header.jpg For my application I created the image at 650px x 86px

Using the following CSS it places the image centered both vertical & horizontal on a background colour the same as I used in the image file.

In template_css.css add this:

#top-header {
height: 90px;
margin: 0;
padding: 5px;
border-bottom: 1px solid #95A8AF;
background: url(../images/my_header.jpg) no-repeat center center #FFEC00;
}

In index.php find this:

<div id=”wrapper”>

And replace with this:

<div id=”wrapper”>
<div id=”top-header”>
</div>

Simple Hey!

Regards to all hope this helps – Steve!!!

[Author]

Posts