Jump to content

Featured Products Padding


roban

Recommended Posts

In Latest Products I need to increase the space between produts because their descriptions are long and some overlap. I have tried adjusting padding in killer/layout.css/subCats & subCat but no joy. What am I missing here?

Link to comment
Share on other sites

Guest vrakas

This is the only thing i know as it was posted before.

edit the file in /skins/Killer/styleSheets/layout.css

1) Find the #subCats.

Remove the line that says "width: 387px;".

2) Find subCat and add 'height: 60px;'

Hope this helps :)

PS: If you find out something better i would like to know also :errm:

Link to comment
Share on other sites

Guest Oscgfx

Theres a couple of things you could try here. However first trying going into:

includes/content/index.inc

find this line:

$index->assign("VAL_WIDTH", $config['gdthumbSize']+75);

Should be at around line 84. Then where it says 75 change this to say 100 or 200. Basically just tinker with it until the store is looking good.

Alternatively - on your titles change titles like this:

Whey Protein-Chocolate/Vanilla-6lb

to this:

Whey Protein Chocolate / Vanilla - 6lb

Notice the spaces. The spaces mean that the title will be able to wrap in the containing div.

Get back to me if that helps :)

Link to comment
Share on other sites

Interesting M8, especially the wrap and it resolved the spacing problem but did strange things to my layout. I changed the number of products from 9 to 6 which is ok with me but the rows don't align. I love this stuff. :)

Update: Changing the thumbnail value to 100 did the trick. I owe you one for sure.

Link to comment
Share on other sites

Guest anakin827

Can anyone help with a problem I am having, if you go to my homepage www.customautomesh.com you can see that the 3rd section of products is mis-aligned and makes a 4th row.

I've tried the steps in this thread with no luck.

Link to comment
Share on other sites

Did you do this also? Edit the file in /skins/your skin/styleSheets/layout.css

1) Find the #subCats.

Remove the line that says "width: 387px;".

2) Find subCat and add 'height: 60px;'

I have 9 products in 2 categories listed without a hitch having made the changes outlined in all the posts above.

Link to comment
Share on other sites

I had the same layout problem until I changed the size to 100. Tinker with it with different values until it works for you.

These are my values in layout.css. I hope it helps.

#subCats {

background-color: #EBEDFE;

text-align: center;

border: 1px solid #C9CEFC;

margin: 0px;

padding: 8px;

float: left;

}

.subCat {

text-align: center;

padding: 8px;

float: left;

width: 110px;

height: 60px;

Also you might try fooling with the float value: left, right, none

Link to comment
Share on other sites

  • 2 weeks later...

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...