Jump to content

{SOLVED- self} CSS help please with Featured product block on home page


Recommended Posts

The home page featured product block is only showing 3 items horizontally, where I believe it should be 4 by default. I did add a css class so I have a grey border on most content blocks, but removed it from the featured block area thinking it was causing that 4th image to drop a row... didn't help. Border now gone but still shows only 3 featured pictures across.

 

so now thinking it could be a padding issue (usually effects IE - but I'm using Firefox), but can't find where to try and get the 4th image to pop back up to the top row....

Picture attached

 

Vers: latest 1.5.3 with default template.

post-454496-0-02507000-1358768506_thumb.jpg

Edited by nadiap (see edit history)
Link to comment
Share on other sites

Just found that it's the border I place on the content_block areas that is causing the drop by testing and removing the border I created. However, I like the border as it is now on the page.

 

Found the css that needs editing if anyone has the same issue:

 

 

In the homefeatured css file I subtracted the width of the borders from the width of the featured block as can you can see below...

 

#featured-products_block_center li {

margin-right:10px;

padding:10px 0;

width:124px; /* was width:126px; but changed to compensate for the addition of borders elsewhere */

height:240px;

Edited by nadiap (see edit history)
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...