Joomla Templates Club 406,261 posts

[nguyen01 Friend nguyen01Join date: May 2008Posts: 13Downloads:0Uploads:1 Thanks: 2]

#128931

my logo image is 169 x 91 and I changed template.css to


h1.logo a {
width: 169px;
display: block;
background: url('../images/logo.gif') no-repeat;
position: absolute;
height:91px;
top: 2px;
left: 0
bottom: 5px;
}


but the logo image still does not display properly, please see the image below

my site: http://www.vdiaoc.com
Any suggestion please?

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#250661

<em>@nguyen01 55346 wrote:</em><blockquote>my logo image is 169 x 91 and I changed template.css to


h1.logo a {
width: 169px;
display: block;
background: url('../images/logo.gif') no-repeat;
position: absolute;
height:91px;
top: 2px;
left: 0
bottom: 5px;
}

but the logo image still does not display properly, please see the image below

my site: http://www.vdiaoc.com
Any suggestion please?</blockquote>

Hi nguyen,

You have to change the ja_header too; more than likely 100 to 150 px:

#ja-header
{
height: 110px;
line-height: normal;
position: relative;
} /* orig height: 80px; changed added */

depending on how much space you want at the top and bottom of the logo

Cornelio

[nguyen01 Friend nguyen01Join date: May 2008Posts: 13Downloads:0Uploads:1 Thanks: 2]

#250672

Thanks Cornelio,
I tried to change the ja_header like you suggested, but the logo image still have the same problem.
Any suggestion?

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#250677

Hi Nguyen,

You are using the one for Joomla 1.5.x or 1.0.15?

I assume you were changing the template.css?

templates => ja_teline_ii => css => template.css

Did you empty your cache and refresh your browser, after you saved the changes?

Could you please post the changes you did?

Change the height of the ja_header first to very high number, say 300px. There should be a noticeable increase in the header section height. Be sure to empty the cache and refresh the browser, after that.

If the header section increases in height, as should happen, you can gradually decrease the value of the ja_header height until the logo is in the middle from top to bottom.

You have to be concerned about the values of the h1.logo a too. You do not have to make the h1.logo exactly the size of your image. In my case, I just changed the height, kept everything else as they were:

**********************
h1.logo a
{
width: 278px;
display: block;
background: url(../images/logo.png) no-repeat;
position: absolute;
height: 80px;
top: 20px;
left: 0;
} /* orig logo.gif height: 42px; changed added */

**********************
Your height for the h1.logo a would be heigher than my values.

If changing the ja_header first to very high number, say 300px, did not increase the height of the header, add a “solid border” specification to the “h1.logo a” to check the space occupied by the logo. Usually it is larger than the size of the image itself. [Remove the border after you are done.]

You might do a “Page Source” to check what other css specifications are around the logo, and play with them if the ja_header change to 300 did not work. If you are using Internet Explorer, you may have to manually remove the “stored cache”, or check your results with other browsers where you can empty the cache.

If none of the above worked, I am not sure what else should be changed. That was how I always changed the spacing in the header.

Hope one of them works. Good luck.

Cornelio

1 user says Thank You to cgc0202 for this useful post

1. nguyen01

[nguyen01 Friend nguyen01Join date: May 2008Posts: 13Downloads:0Uploads:1 Thanks: 2]

#250681

Thanks Cornelio,
the problem is fixed now. Last time I changed the height of the image in the wrong place, I’m sorry to make you post another longer explanation.

Thank you very much for your help.

[Author]

Posts