Title: Products displaced CSS Problem?
Last modified: August 22, 2016

---

# Products displaced CSS Problem?

 *  Resolved [burakwordpress](https://wordpress.org/support/users/burakwordpress/)
 * (@burakwordpress)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/products-displaced-css-problem/)
 * Hello,
 * I imported Amazon products to my Shop ( Woocommerce + virtue theme). Some product
   are uniformly displayed but some are displaced. What do I mean with displaced?
 * See the page:
    [http://billiger3ddrucker.de/produktkategorie/3dfilament/3dprima/page/22/](http://billiger3ddrucker.de/produktkategorie/3dfilament/3dprima/page/22/)
 * The rectangles (Products) are not displayed uniformly some are up some are below.
   
   I want them displayed like:
 * [http://billiger3ddrucker.de/produktkategorie/3dfilament/3dprima/](http://billiger3ddrucker.de/produktkategorie/3dfilament/3dprima/)
 * How can I solve this problem? With CSS?

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Peter Lawrenson](https://wordpress.org/support/users/lorro/)
 * (@lorro)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/products-displaced-css-problem/#post-5610921)
 * This can be achieved with some custom css which goes in the Advanced Styling 
   tab in Theme Options.
 * Your product title space is 120px which is enough for about 5 lines. If you can
   reduce this to say 70px for 3 lines max you would reduce that big gap. Depends
   on your longest product title of course.
 *     ```
       .product_item .product_details h5 {min-height:70px}
       ```
   
 * Next you would set a fixed height for each product block. The space needed depends
   on what space you need for the product titles. 400px is about OK for a 3 line
   title. “static” gets them in-line.
 *     ```
       .kad_product {height:380px; position:static !important}
       ```
   
 * The product blocks might still be mis-aligned if one product has a title bigger
   than what you thought was the max.
 *  Thread Starter [burakwordpress](https://wordpress.org/support/users/burakwordpress/)
 * (@burakwordpress)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/products-displaced-css-problem/#post-5610955)
 * thanks a lot! lorro! 😉 solved my problem

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Products displaced CSS Problem?’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/virtue/3.4.15/screenshot.png)
 * Virtue
 * [Support Threads](https://wordpress.org/support/theme/virtue/)
 * [Active Topics](https://wordpress.org/support/theme/virtue/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/virtue/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/virtue/reviews/)

## Tags

 * [amazon products](https://wordpress.org/support/topic-tag/amazon-products/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [CSS problem](https://wordpress.org/support/topic-tag/css-problem/)
 * [virtue theme](https://wordpress.org/support/topic-tag/virtue-theme/)

 * 2 replies
 * 2 participants
 * Last reply from: [burakwordpress](https://wordpress.org/support/users/burakwordpress/)
 * Last activity: [11 years, 4 months ago](https://wordpress.org/support/topic/products-displaced-css-problem/#post-5610955)
 * Status: resolved