Since Answers sometimes are slow here - I though I would post some goo to know CSS Styling tips for the Modules to spice them up a bit:
To Change a Module from Vertical to Horizontal enter this code in the default.css file:
.bestseller_products .block_item{
width: 150px;
height: 150px;
float: left;
}
You can do this for all the Mods but if it is not listed in the CSS File Simply ad the proper tag, for example - I want to add this to the TOP HITS module, ad this first:
.tophits_products .block_item{
then add your CSS but always end in a }
To center the Image and Text in the Div Container add:
text-align:center;
To add a border add:
border: 1px solid #E5E5E5;
To add a bit of Space between the Containers add:
margin: 6px !important;
Of course you can change the Colors and the pixelWidth to make it fit your template.
Here was my final code for my horizontal Best Seller Module:
.bestseller_products .block_item{
width: 130px;
height: 145px;
float: left;
text-align:center;
padding-top:20px;
padding-right:5px;
margin: 6px !important;
border: 2px solid #E5E5E5;
}
And here is for my Vertical TOP Hits Module:
.tophits_products .block_item{
padding-top:20px;
margin: 4px !important;
text-align:center;
border: 2px solid #E5E5E5;
}
HOPE THIS HELPS and you can see them both om my homepage at www.wildbikers.com!
Letzte Änderung: 22.12.2011 19:43