Noob question for you. ;)

Hi all,

I should know how to do this, but I am lost.

If you go to www.funtasticaltoys.com/toyshop/index.php

I am trying to figure out how to change the size of my logo, and the shopping bag icon on the right hand side of the screen. I have looked in the template file, and the .css files, but I am baffled.

It has to be something really simple. :lamo: Can anyone please offer suggestions?

Thanks in advance! Feel free to offer any opinions on the site as well, I am trying to make it look as close the my main web pages as possible.

Jwm931:

Hi all,

I should know how to do this, but I am lost.

If you go to www.funtasticaltoys.com/toyshop/index.php

I am trying to figure out how to change the size of my logo, and the shopping bag icon on the right hand side of the screen. I have looked in the template file, and the .css files, but I am baffled.

It has to be something really simple. :lamo: Can anyone please offer suggestions?

Thanks in advance! Feel free to offer any opinions on the site as well, I am trying to make it look as close the my main web pages as possible.

create new images at the size you want??

That is what I thought, but something is cropping them or whatever you want to call it. For example the shopping bag fits in a 27 x 27 pixel area, the one I uploaded is bigger and you can see the result.

I would expect to find something calling the size, but I have yet to find it.

Jwm931:

That is what I thought, but something is cropping them or whatever you want to call it. For example the shopping bag fits in a 27 x 27 pixel area, the one I uploaded is bigger and you can see the result.

I would expect to find something calling the size, but I have yet to find it.

you could try adding "height attributes to the following css declarations in your stylesheet.css as indicated by the highlighted portions

#logoWrapper{
margin: auto;
background: url(../images/header-bg.gif) bottom repeat;
padding: 0em;
height: 115px;
}

#searchCartBarWrapper{
margin:auto;
background: url(../images/topsl-bg2.gif) top repeat;
padding:1em;
height: 150px;
}

the height and width of your logo image are defined in:
includes/languages/english/YOUR_TEMPLATE/header.php

Nope not that easy either, see the results, I will leave that up for 30 mins or so. I tried that yesterday thinking the same thing. I was hoping going to bed would help, but now I have just been doing the same thing today. lol

Jwm931:

Nope not that easy either, see the results, I will leave that up for 30 mins or so. I tried that yesterday thinking the same thing. I was hoping going to bed would help, but now I have just been doing the same thing today. lol

Your logo image is 97 x 42 if you want it larger you'll have to create a new one at a larger size.

The shopping bag image is 64 x 64

you can try adding a height attribute to this declaration:

#altLinks{
float:right;
color:#FFFFFF;
font-size:1.1em;
padding: .3em 3em 0 0;
height: 27px;
}

Thanks thought I tried the logo size last night, it worked. Did not work on the shopping bag, it has to be something so simple that I am overlooking. Thanks again!

ZEN I got it! ;)

Now I just need to make it look good.

It was simple:

#cartContent {
float:right;
background: url(../images/header_cart.gif) no-repeat;
font-size:1.1em;
padding: .3em 4em .5em 4em;
height: 64px;
}

Jwm931:

ZEN I got it! ;)

Now I just need to make it look good.

It was simple:

#cartContent {
float:right;
background: url(../images/header_cart.gif) no-repeat;
font-size:1.1em;
padding: .3em 4em .5em 4em;
height: 64px;
}

glad you got it working