SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict
    Join Date
    Aug 2009
    Posts
    231
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to fix product image layouts

    Hello there,

    I have my recent products down lower on my homepage here: www.activestatedesigns.com. When a product is on sale, it adds the sale price line below the thumbnail. However when this does that, it pushes the thumbnails out of the grid? Can I get help knowing what CSS code needs to change in order have all the thumbnails fall in the grid and not have those gaps?

    Thanks so much,
    Lorne

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,219
    Mentioned
    457 Post(s)
    Tagged
    8 Thread(s)
    On line 680 of defalt.css, change this:

    Code:
    .widget_recentProds .recent_prod_wrap, .widget_bestsellers .bestseller_wrap, .widget_bundle_discounts .bundle_discounts_wrap {
    float: left;
    margin: 0 0 20px 20px;
    }
    to this

    Code:
    .widget_recentProds .recent_prod_wrap, .widget_bestsellers .bestseller_wrap, .widget_bundle_discounts .bundle_discounts_wrap {
    margin: 0 0 20px 20px;
    display: inline-block;
    vertical-align: top;
    }
    That will work a lot better.

  3. #3
    SitePoint Addict
    Join Date
    Aug 2009
    Posts
    231
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Awesome, thanks Ralph!


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •