Best Seller and Top Hits CSS Styking tips

22.12.2011 18:44
#1
jmil
Joomshopping forum user no avatar
Name: Jim Miller
19.09.2011
Posts: 104
Quote
Best Seller and Top Hits CSS Styling tips and tricks :)

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
 


Copyrights MAXXmarketing GmbH. Alle Rechte vorbehalten
Durch die Nutzung dieser Website stimme ich zu, dass Cookies zur optimalen Gestaltung der Website sowie zur Analyse der Nutzung der Website verwendet werden. Weiterführende Informationen finden Sie hier. OK, einverstanden.