Jump to content

my latest products are all scuwiff???


Guest semolinapilchard

Recommended Posts

Guest semolinapilchard

hi

i cannot for the love of god get my bloody "latest products" to line up in neat 3 x 3 rows like they should - i have tried changing the thumbnail size and how many products to show and they are all over the shop

please have a look and tell me what i need to do

HERE

Link to comment
Share on other sites

Guest Brivtech

Try using uniform image sizes.

Your Things On Springs picture is pushing the soldier skittles down.

(Also, uniform image sizes look a touch more professional).

Link to comment
Share on other sites

in your yourskin/ stylesheets/ layout.css

at the very bottom you will find the class:

.latestProds

add to this class:

border: 1px solid black;

so it looks something like:

float: left;

text-align: center;

width: 161px;

height: 300px;

margin-left: 5px;

margin-right: 5px;

margin-top: 10px;

margin-bottom: 10px;

border: 1px solid black;

but your values will probably be different (dont worry about that yet).

now adjust the width and height settings to suit your store. (first try 20px added to the height)

When your happy with the layout, remove the:

border: 1px solid black; from the .latestPods (it was only ever used as a guide to get everything lined up)

Hope this helps :ninja:

Burgensteen

Link to comment
Share on other sites

Guest semolinapilchard

thanks burgensteen - i am in skin/stylesheets/layouts and there is no class for latest prods?? is this the problem??

ive got this after checkout boxes

.Menu ul li a {

display: block;

width: 180px;

color: #666666;

text-decoration: none;

border-bottom: 1px groove #cccccc;

padding: 4px;

}

.Menu ul li a:hover {

background-color: orange;

color: #ffffff;

}

.Menu ul li {

list-style-type: none;

list-style-position: outside;

padding:0px;

margin:0px;

width: 174px;

}

.Menu ul {

padding:0px;

margin:0px;

}

Link to comment
Share on other sites

  • 4 weeks later...
Guest chrisyt

problem solved by the genius that is burgensteen!!!!! :)

:yeahhh:

Could you post the remedy to this - I am also missing latest products class!

Link to comment
Share on other sites

Guest downliner

problem solved by the genius that is burgensteen!!!!! :)

:innocent:

Could you post the remedy to this - I am also missing latest products class!

I have the exact same problem too. I have been playing with the CSS file for a long time but it seems every time I add a new product it messes up the homepage layout. The latest products remain in a neat 4 x 4 grid but usually out of place so the first line has only 3 items and one large gap. The next line has 2 items and 2 large gaps etc

Link to comment
Share on other sites

  • 2 weeks later...
Guest nixxie

problem solved by the genius that is burgensteen!!!!! :wacko:

;)

Could you post the remedy to this - I am also missing latest products class!

I have the exact same problem too. I have been playing with the CSS file for a long time but it seems every time I add a new product it messes up the homepage layout. The latest products remain in a neat 4 x 4 grid but usually out of place so the first line has only 3 items and one large gap. The next line has 2 items and 2 large gaps etc

I'm not very good with cc at all but I found the answer as I downloaded a PDF document that I got from somewhere within the fourms, trouble is I don't know where! However the pdf file was from cc3.biz, if that helps? :)

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