Category on killer skin (silver & Blue)

[Guest rjbacon]

Hi.

I have switched my skin to the killer skin, silver and blue, and I need to know how to put the category on one line rather than 2.

At the top in a vertical line I have the categories, but for some reason some are on one line and some are on two lines.

E.g. Cuff Collectibles

-Links

Any ideas for how to put them all on one line please?

Many thanks,

Rob

[roban]

Please post the url of your site

[Guest rjbacon]

Please post the url of your site

www.heritagesiver.co.uk/shop

[Guest rjbacon]

Please post the url of your site

www.heritagesiver.co.uk/shop

I posted the url have you looked at it yet??

[roban]

Server not found

[Guest rjbacon]

Server not found

sorry...

www.heritagesilver.co.uk/shop

[roban]

In styleTemplates/boxes/categories.tpl change

<table border="0" cellspacing="0" align="center" cellpadding="0">

to

<table border="0" cellspacing="0" align="left" cellpadding="0">

Try the same thing in cartNavi.tpl

Also in layout.css

.topCats {

text-align: center;

background-image: url(../styleImages/backgrounds/catBg.gif);

height: 26px;

color: #ffffff;

margin-bottom: 15px;

}

Change to

.topCats {

text-align: left;

background-image: url(../styleImages/backgrounds/catBg.gif);

height: 26px;

color: #ffffff;

margin-bottom: 15px;

}

see if that helps

[Guest rjbacon]

Hi,

Thanks for that but it still does not work.

It is still on two line but adjusted to the left.

Anything else I can try??

Thanks,

Rob

[roban]

Please post the topcats section of your layout.css

[Guest rjbacon]

Please post the topcats section of your layout.css

Hi Roban,

Here it is.

Thanks,

Rob

layout.css

[roban]

Try commenting out the no-repeats or changing to repeat. You can also change the width: 129px; to a greater value.

.topCats {

text-align: left;

background-image: url(../styleImages/backgrounds/catBg.gif);

height: 26px;

color: #ffffff;

margin-bottom: 15px;

}

width: 100%;

}

.topCatsBgRight {

background-image: url(../styleImages/backgrounds/catBgRight.gif);

background-repeat: no-repeat;

background-position: right;

height: 26px;

}

.topCatsBgLeft {

float: left;

background-image: url(../styleImages/backgrounds/catBgLeft.gif);

background-repeat: no-repeat;

background-position: left;

height: 26px;

width: 129px;

[Guest rjbacon]

Try commenting out the no-repeats or changing to repeat. You can also change the width: 129px; to a greater value.

.topCats {

text-align: left;

background-image: url(../styleImages/backgrounds/catBg.gif);

height: 26px;

color: #ffffff;

margin-bottom: 15px;

}

width: 100%;

}

.topCatsBgRight {

background-image: url(../styleImages/backgrounds/catBgRight.gif);

background-repeat: no-repeat;

background-position: right;

height: 26px;

}

.topCatsBgLeft {

float: left;

background-image: url(../styleImages/backgrounds/catBgLeft.gif);

background-repeat: no-repeat;

background-position: left;

height: 26px;

width: 129px;

If you dont mind Roban, can you edit the layout.css that I attached and send it back please. I dont really get what you mean.

many thanks,

Rob

[roban]

try this:

.topCatsBgLeft {

float: left;

background-image: url(../styleImages/backgrounds/catBgLeft.gif);

background-repeat: no-repeat;

background-position: left;

height: 26px;

width: 140px;

[Guest rjbacon]

Sorted it out myself.

All I did was replace the layout.css with the killer skin that you get with cube cart and it worked.

Thanks for all your help MUCH appreciated.

Rob