Jump to content

Killer Template


keat

Recommended Posts

Guys.

I'm using CC3, not really bothered too much about fancy templates, so am using the standard "killer" template.

As I increase the nmber of product catagories, some of the catagory tabs along the top, are now starting to squash up slighly, resulting in some of the wording being pushed out..

Hopefully, a screen shot is attached.

How do I increase the size of the tabs to account for this ??

Thanks again

Link to comment
Share on other sites

Guest fandango

Guys.

I'm using CC3, not really bothered too much about fancy templates, so am using the standard "killer" template.

As I increase the nmber of product catagories, some of the catagory tabs along the top, are now starting to squash up slighly, resulting in some of the wording being pushed out..

Hopefully, a screen shot is attached.

How do I increase the size of the tabs to account for this ??

Thanks again

Hi, this should be in one of the stylesheets in skins/killer/stylesheets/layout.css

It will say something like:

.siteDocs {

text-align: center;

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

height: 30px;

color: #ffffff;

}

Sorry Scratch that thats for the site docs, im so used to them being at the top. Give me 5 and i will take a look.

Link to comment
Share on other sites

Guest fandango

Its not a quick job by the looks of it but its a case of altering these in the skins/killer/stylesheets/layout.css including resizing the image heights. to correspond with the stylesheet classes.

.topCats {

text-align: center;

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

height: 60px;

color: #ffffff;

margin-bottom: 15px;

}

.topCatsBgRight {

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

background-repeat: no-repeat;

background-position: right;

height: 60px;

}

.topCatsBgLeft {

float: left;

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

background-repeat: no-repeat;

background-position: left;

height: 60px;

}

Link to comment
Share on other sites

Its not a quick job by the looks of it but its a case of altering these in the skins/killer/stylesheets/layout.css including resizing the image heights. to correspond with the stylesheet classes.

.topCats {

text-align: center;

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

height: 60px;

color: #ffffff;

margin-bottom: 15px;

}

.topCatsBgRight {

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

background-repeat: no-repeat;

background-position: right;

height: 60px;

}

.topCatsBgLeft {

float: left;

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

background-repeat: no-repeat;

background-position: left;

height: 60px;

}

hI FANDANGO.

I tried what you said. I increased the gifs from 42px to 60px in photoshop, them altered the html in layout.css, but this didn't work.

It sort of sent the gifs a little crazy, and chopped all the bottoms off.

I'll try again later this evening when I get home.

Thanks for your help so far.

Link to comment
Share on other sites

Guest fandango

Im gonna have a play around with a test site and see what happens. Will PM you the results if your not online.

I Must admit i dont like the Killer skin, too complicated.

Link to comment
Share on other sites

I guess the main reason I went for Killer, some of my catagories have long names ie "Specialist and Hole Clearance Sizes", in any other skin, it scrolls on to 2 lines, plus the other skins don't seem to fill the page.

Unless there's a way to stretch them

Link to comment
Share on other sites

Guest fandango

There is a way to stretch them, i use the classic skin on one of my sites and changed the index.tpl and cart.tpl files and included tables with a width of 1200 pix instead of the div's.

Link to comment
Share on other sites

In the end.. we decided to change to the classic skin. Created my own background, moved some boxes around, and it looks a lot better.

Certainly less cluttered.

I now have another question, but I'll start a new thread.

Thanks for the info regarding the css file.. I'm learning quite a lot.. changed a few things in layout.css, index.php and the language file.

Really enjoying it

Link to comment
Share on other sites

Guest fandango

Im gonna have a play around with a test site and see what happens. Will PM you the results if your not online.

I Must admit i dont like the Killer skin, too complicated.

Well i couldn't get this to work so at half 2 this morning i gave up. :)

Link to comment
Share on other sites

I over came the compressed classic skin by changing the px sizes to a percentage value.

Now the skin fills 95% of the screen regardless of what screen resoulution you have.

I had a small issue with the prices and contents of the top right hand basket.. they were falling outside the box on smaller screen resolution sizes.

Easy.. I moved the basket to the left hand column.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...