Where/how can i change the size of the logo?

Where and how can I change the size of the logo? the standard hight is 60 pixels and i want to change this value to 120 or so?

Please see at http://www.cross-shop.be ? I changed the logo to another one on the blue lay-out, but it is not showing completely.

7 answers

scotta3234 0.00 $tone August 6, 2009
Public

Under Extensions manager click Template Manager and select Ja-Topez and click the button to edit CSS. Then look for the following line and edit it according to your needs.

Code:

h1.logo a {
	background: url(../images/logo.gif) no-repeat center;
	display: block;
	height: 150px;
	width: 408px;
#2
bpileggi 0.00 $tone October 19, 2009
Public

Under Extensions manager click Template Manager and select Ja-Topez and click the button to edit CSS. Then look for the following line and edit it according to your needs.

Code:

h1.logo a {
	background: url(../images/logo.gif) no-repeat center;
	display: block;
	height: 150px;
	width: 408px;

Per your suggestion, I increased height to accommodate a larger logo. Now there’s a gray space between the top, white header (where search bar is located) and the black nav menu. It looks like I’m outside a container.

Any help much appreciated.

#3
scotta3234 0.00 $tone October 19, 2009
Public

Sorry this didn’t work for you. I was honestly just specifying the "general proceedure" for modifying the logo size/position There may be some additional .css code in there above or below the code I wrote originally that you might have to tweak as well, just look for "logo" headings. I’ve personally found that each template requires a small degree of trial and error until you get things just right.

#4
bpileggi 0.00 $tone October 20, 2009
Public

No problem. I should have posted a follow-up yesterday. After some trial and error with the CSS file, I determined which variables require adjustment. Thanks!

#5
Profile photo of mark reay 0.00 $tone July 14, 2010
Public

No problem. I should have posted a follow-up yesterday. After some trial and error with the CSS file, I determined which variables require adjustment. Thanks!

How did you do that can you explain please? I need to lower the navigation as logo is always under navigation. thanks.

#6
congtq 0.00 $tone July 28, 2010
Public

Hi.
You need to reset value of height in below code

Code:

#ja-header .main {
	line-height: normal;
	position: relative;
	background: #FFFFFF;
	height: 120px;
}

Navigation will go lower automatically

#7

This question is now closed

Written By

Comments