Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / making the logo at the top bigger

making the logo at the top bigger

Locked

Views: 1,666

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
13 Jul 2007, 8:09 AM
#1
scrapbook_party avatar

scrapbook_party

New Zenner

Join Date:
Jul 2007
Location:
Middle of the UK
Posts:
44
Plugin Contributions:
0

making the logo at the top bigger

hi there, i am currently setting up my cart, but want to make the logo at the top deeper.

the site is www.scrapbookparty.co.uk

as you will see the logo overhangs the box behind, i know i can make the logo smaller, but i want it bigger! so how do i make the box behind show bigger?

one more Q. when the page is opened not at full screen size, the logo is too big for the page! how can i adjust this?

thanx!

13 Jul 2007, 11:13 AM
#2
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: making the logo at the top bigger

The reason that your logo overflows vertically is that it is 85px high, but your stylesheet fixes the height of your logo wrapper at just 75px.

There is very little that can be done easily to reduce the 1020px width of your logo for the 75% of people whose monitors are too small to see it in all it's glory, or those amongst the 25% who could, but don't have full width windows.

You could write some javascript to dynamically detect the browser window width and then reduce the HTML width and height attributes, but the results would be very unsighlty. The best approach is to make you logo smaller to start with.

13 Jul 2007, 11:16 AM
#3
scrapbook_party avatar

scrapbook_party

New Zenner

Join Date:
Jul 2007
Location:
Middle of the UK
Posts:
44
Plugin Contributions:
0

Re: making the logo at the top bigger

Thanks!

so if i change the width of the logo (there is quite a bit of empty space at the side i can trim off) it should improve the look.

and i take it i can adjust the box size in the stylesheet?

i'll be back asking again if i get stuck, but thanks so much!

13 Jul 2007, 11:29 AM
#4
scrapbook_party avatar

scrapbook_party

New Zenner

Join Date:
Jul 2007
Location:
Middle of the UK
Posts:
44
Plugin Contributions:
0

Re: making the logo at the top bigger

ok, its official, i'm thick!

i have gone to the file includes/templates/mytemplate/css/stylesheet.css

i cant find anything that looks like i could change it to increase the size of the logo wrapper! could you point me in the right direction please!

13 Jul 2007, 11:36 AM
#5
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: making the logo at the top bigger

#logoWrapper{

background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #F1E8F1;
height:75px;

}Starts at line 194

13 Jul 2007, 11:48 AM
#6
scrapbook_party avatar

scrapbook_party

New Zenner

Join Date:
Jul 2007
Location:
Middle of the UK
Posts:
44
Plugin Contributions:
0

Re: making the logo at the top bigger

thank you so much!

was having an airhead moment! when i brought the stylesheet back up from the toolbar, that bit was right in the middle!

you are a star! thanks again!