Jump to content

help editing featured product module


Recommended Posts

hi guys,

just wondering if anyone can help me change my featured product module around a bit..

my current website is : www.gadgetpit.co.uk


at the moment there are 5 products in a column i want it to a 4 but have a bigger size... something like this.


Link to comment
Share on other sites

The black line (the real 'border') seems to be smallest (1pixel) already. Do you mean that you want to reduce the gap between the products??


That you can do here:

edit file /modules/homefeatured/homefeatured.css: (Make backup first!)


find this code (Line 11) and REMOVE red/purple code:



#featured-products_block_center li.last_item_of_line {

margin-right: 0;




find this code (Line 3) and edit red/purple code:



#featured-products_block_center li {

margin: 5px 5px 5px 5px;

width: 165px; <-- N.B. this value + last (purple) value of margin must always total 170

height: 253px;

border: 1px solid rgb(204, 204, 204); <--N.B. this is the real black border. If you want a thicker one, change '1px'

padding: 3px 2px 11px 17px;


and save file.


Hope that does the trick,


Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...