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: 89
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. All Rights Reserved