I'm new to Big Cartel and for some reason the theme I'm working on does this weird thing when there's a longer than usually item name. The second row of items isn't floating all the way to the left.

Any ideas?

1 answer

o.k.w 2355
0
points
This was chosen as the best answer

That's the intended behaviour of floating elements. There should be a few ways to fix it, off my head now, setting the height is one of them. The drawback is for most of the product boxes with shortname, you will have a void space near the bottom.

Here's the CSS

#products div.product {
    float: left;
    display: inline;
    width: 201px;
    min-height: 250px; /*  <==add this   */
    height: 100%;    /* <== or set the height to a absolute px value */
    background: url(http://www.believerscenter.com/wp-content/themes/arras-theme/images/techblue/content-bg.jpg) repeat-x top #FFF;
    border: 1px solid #CCC;
    padding-top: 12px;
    margin: 4px;
    }

Alternatively, you can try shortening the product name text or a combination or the methods I've mentioned.

There should/could be other methods to address you issue which are more appropriate, maybe someone else can come out with one. :P

Answered almost 7 years ago by o.k.w