Forums / Templates, Stylesheets, Page Layout / Can't reszie the logo header in my template to fit logo image

Can't reszie the logo header in my template to fit logo image

Started by signify on 21 Apr 2011, 4:13 PM · Views: 2,422

Results 1 to 12 of 12
21 Apr 2011, 4:13 PM
#1
signify avatar

signify

Zen Follower

Join Date:
Sep 2008
Posts:
92
Plugin Contributions:
0

Can't reszie the logo header in my template to fit logo image

Hi all can ayone help?

The site I am working is jamesdavidandco . com

As you can see I have increased the size of my logo image in Photoshop but I am struggling to resize the header in my template to fit the logo as the logo is bigger

I have changed to fit the logo in the header.php like below

// added defines for header alt and text
define('HEADER_ALT_TEXT', 'James David & Co');
define('HEADER_SALES_TEXT', 'Textiles of Distinction');
define('HEADER_LOGO_WIDTH', '538px');
define('HEADER_LOGO_HEIGHT', '100px');
define('HEADER_LOGO_IMAGE', 'james-david-logo.jpg');

Is there anywhere else I am supposed to change?

Would appreciate any help.
Thanks
Taz

21 Apr 2011, 5:10 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Can't reszie the logo header in my template to fit logo image

Not familiar with that 3rd party template but it appears that it is at issue as the logo image is fully outside of the div's that should contain it

Don't know if this is something you have done or if it is part of the template design

Have you looked for a support thread for the template?

Zen-Venom Get Bitten

21 Apr 2011, 5:15 PM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Can't reszie the logo header in my template to fit logo image

It looks like the image is displaying at its proper size - can you describe exactly where you want it to end up ?

21 Apr 2011, 5:18 PM
#4
signify avatar

signify

Zen Follower

Join Date:
Sep 2008
Posts:
92
Plugin Contributions:
0

Re: Can't reszie the logo header in my template to fit logo image

I think I have found away to do it, but seems really a long styled way around it, not sure if there is an easier way but is this the solution?

#navMainWrapper {margin: 0em;background:#fff;font-weight: bold;height: 1%;width: 100%
change height from 1% to 70px

and then increase #logo {position:relative; top:-90px;}
change top from from 90 px to 120px.

This seems to move things correctly but I worry about browser issues doing it this way?

Thanks

21 Apr 2011, 5:20 PM
#5
signify avatar

signify

Zen Follower

Join Date:
Sep 2008
Posts:
92
Plugin Contributions:
0

Re: Can't reszie the logo header in my template to fit logo image

kobra:

Not familiar with that 3rd party template but it appears that it is at issue as the logo image is fully outside of the div's that should contain it

Don't know if this is something you have done or if it is part of the template design

Have you looked for a support thread for the template?

Thanks

Yes I have made the logo larger in height so i want to increase the divs contain the new height.

21 Apr 2011, 5:22 PM
#6
signify avatar

signify

Zen Follower

Join Date:
Sep 2008
Posts:
92
Plugin Contributions:
0

Re: Can't reszie the logo header in my template to fit logo image

stevesh:

It looks like the image is displaying at its proper size - can you describe exactly where you want it to end up ?

Basically the logo I have created is a good size as it was much smaller before but now the image seems to go inside the box below it so i need to make the box below sit under the logo rather than the logo going inside it.

21 Apr 2011, 5:23 PM
#7
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Can't reszie the logo header in my template to fit logo image

Yes I have made the logo larger in height so i want to increase the divs contain the new height.
As we utilize interactive tools for this to see the effects - doing that does not help for as I stated
kobra:

as the logo image is fully outside of the div's that should contain it

Zen-Venom Get Bitten

21 Apr 2011, 5:34 PM
#8
signify avatar

signify

Zen Follower

Join Date:
Sep 2008
Posts:
92
Plugin Contributions:
0

Re: Can't reszie the logo header in my template to fit logo image

kobra:

As we utilize interactive tools for this to see the effects - doing that does not help for as I stated

I mean it's not a major problem i can always reszie the logo back to original size it's just a bit small. I just wanted to make the logo bigger.

21 Apr 2011, 6:46 PM
#9
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Can't reszie the logo header in my template to fit logo image

I mean it's not a major problem i can always reszie the logo back to original size it's just a bit small. I just wanted to make the logo bigger.
Check the contributed addon area for a thread for this template

Zen-Venom Get Bitten

21 Apr 2011, 11:20 PM
#10
signify avatar

signify

Zen Follower

Join Date:
Sep 2008
Posts:
92
Plugin Contributions:
0

Re: Can't reszie the logo header in my template to fit logo image

Thanks Kobra I have found the thread, will ask questions in there.

Taz

1 May 2011, 5:40 PM
#11
mellcomm avatar

mellcomm

New Zenner

Join Date:
Apr 2011
Posts:
1
Plugin Contributions:
0

Re: Can't reszie the logo header in my template to fit logo image

I am new to ZenCart editing (though I've used the cart for about a year now!). I am just getting brave enough to start modifying and customizing my site.

I increased the holder for the header background for my main banner, and did so by editing:

/zen/includes/templates/classic/css/stylesheet.css
under: #logoWrapper changed height

Can somebody verify that this is an acceptable way to increase the space to fit a larger than default image?

Thanks,
Steve

1 May 2011, 5:57 PM
#12
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Can't reszie the logo header in my template to fit logo image

That's the way I'd do it. In most browsers, the size of the image will override that setting and you'll be OK, but in IE6 and 7, it won't, so your method is the best one.

BTW, if you go to the main page for whatever forum you want to post in, there will be a 'New Thread' button. You'll have more luck getting replies that way than adding a post to an existing thread.