For some reason the webstore is only using about half of the page width. I've tried unsuccessfully to add width: 100% in the stylewebstore.css file for the .productlist with no luck. I'd like the products to wrap into two columns and tried this:
.productlist {clear:both;-moz-column-count:2;-webkit-column-count:2;column-count:2;width:100%;}
but the columns were so narrow because the store is only using half the sheet width. Any help? Thanks!
Have you tried to make the
.modulecontent
{
width:100%;
}
Thanks, but that doesn't work either. You can see the page at: http://jenniferlaurens.com/store.aspx
You can see how some of the titles and text wrap.
When I modify in Firebug CSS
.modulecontent {background-color: yellow;padding: 5px;width: 100%;}
I can see real 100% width
...
and then the .productcontainer {width:100%;}
ops - 2 column so you have to make the productcontainer < 50%
mojoPortal Hosting & Design @ i7MEDIA!
The root of the problem is with how the Artisteer CSS is done. It's making .art-layout-cell (.modulecontent) display as a table-cell for some silly reason. You will need to make the following changes:
.modulecontent { width: 100%; }
.productlist { float: none; margin-right: 0;}
.productcontainer {clear: none; width: 47%; height: 300px;}
HTH,Joe D.
Look for this in the theme.skin file of your skin:
<portal:InnerBodyPanel runat="server"ExtraCssClasses="art-layout-cell layout-item-0"...
change ExtraCssClasses to an empty string like this:
ExtraCssClasses=""
Hopefully that will solve it, seems like I remember seeing this problem some weeks back and fixing it with that solution.
Joe
Thanks Joe! Removing that from the theme.skin did the trick!