keat Posted April 15, 2009 Share Posted April 15, 2009 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 Quote Link to comment Share on other sites More sharing options...
Guest fandango Posted April 15, 2009 Share Posted April 15, 2009 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. Quote Link to comment Share on other sites More sharing options...
Guest fandango Posted April 15, 2009 Share Posted April 15, 2009 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; } Quote Link to comment Share on other sites More sharing options...
keat Posted April 15, 2009 Author Share Posted April 15, 2009 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. Quote Link to comment Share on other sites More sharing options...
Guest fandango Posted April 15, 2009 Share Posted April 15, 2009 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. Quote Link to comment Share on other sites More sharing options...
keat Posted April 15, 2009 Author Share Posted April 15, 2009 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 Quote Link to comment Share on other sites More sharing options...
Guest fandango Posted April 15, 2009 Share Posted April 15, 2009 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. Quote Link to comment Share on other sites More sharing options...
keat Posted April 16, 2009 Author Share Posted April 16, 2009 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 Quote Link to comment Share on other sites More sharing options...
Guest fandango Posted April 16, 2009 Share Posted April 16, 2009 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. :) Quote Link to comment Share on other sites More sharing options...
keat Posted April 16, 2009 Author Share Posted April 16, 2009 And I thought it was only me that did things like that Quote Link to comment Share on other sites More sharing options...
Guest fandango Posted April 16, 2009 Share Posted April 16, 2009 My other half wishes i didn't though :) Quote Link to comment Share on other sites More sharing options...
keat Posted April 16, 2009 Author Share Posted April 16, 2009 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. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.