Title: Woocommerce CSS probleem
Last modified: 5 augustus 2016

---

# Woocommerce CSS probleem

 *  [Joren Wouters](https://nl.wordpress.org/support/users/jorenman/)
 * (@jorenman)
 * [12 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/woocommerce-css-probleem/)
 * Ik heb een probleem met WooCommerce.
    Ik maak nu zelf een theme voor mezelf alleen
   ik heb een probleem, want het 5e product komt onder het 3e product als er 4 producten
   naast elkaar staan. Weet iemand hoe je ervoor zorgt dat het 5e product onder 
   het 1e product komt? Hier is de css code:
 *     ```
       #shop .page-title {
       font-family: Verdana;
       }
       #shop .woocommerce-result-count {
       font-family: Verdana;
       }
       #shop .woocommerce-ordering {
       font-family: Verdana;
       margin-bottom: 50px;
       }
       #shop .products {
       margin-top: 30px;
       padding: 0;
       }
       #shop .products li.product{
       display: block;
       float: left;
       width: 17%;
       list-style: none;
       margin-right: 7.5%;
       margin-top: 20px;
       position: relative;
       }
   
       #shop .products li a {
       text-decoration: none;
       margin-bottom: 20px;
       margin-top: -100px;
       }
       #shop .products li a img {
       width: 100%;
       display: block;
       height: 200px;
       }
       #shop .products li a h3 {
       margin-top: 20px;
       color: #fff;
       text-align: center;
       }
       #shop .products .onsale {
       margin-top: -30px;
       background: #492917;
       color: #fff;
       padding: 5px;
       border-radius: 3px;
       font-family: Verdana;
       color: url(images/cool.png);
       font-weight: bold;
       display: block;
       width: 20%;
       }
       #shop .products li .star-rating {
       display: none;
       }
       #shop  .products img {
       padding-left: auto;
       padding-right: auto;
       }
       #shop .products li .price {
       color: #fff;
       font-family: Verdana;
       float: none;
       padding-bottom: 20px;
       text-align: center;
       display: block;
       }
       #shop .products li .button {
       margin-top: 10px;
       margin-left: 25%;
       background: #492917;
       color: #fff;
       padding: 5px;
       border-radius: 3px;
       font-family: Verdana;
       color: url(images/cool.png);
       font-weight: bold;
       }
       ```
   

1 reactie aan het bekijken (van in totaal 1)

 *  Thread starter [Joren Wouters](https://nl.wordpress.org/support/users/jorenman/)
 * (@jorenman)
 * [12 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/woocommerce-css-probleem/#post-66746)
 * Als iemand misschien het probleem niet snapt, kan ik wel een foto sturen via 
   de mail ofso.

1 reactie aan het bekijken (van in totaal 1)

 Het onderwerp ‘Woocommerce CSS probleem’ is gesloten voor nieuwe reacties.

 * In: [Plugin vragen](https://nl.wordpress.org/support/forum/plugin-vragen/)
 * 1 reactie
 * 1 deelnemer
 * Laatste antwoord van: [Joren Wouters](https://nl.wordpress.org/support/users/jorenman/)
 * Laatste activiteit: [12 jaren, 4 maanden geleden](https://nl.wordpress.org/support/topic/woocommerce-css-probleem/#post-66746)
 * Status: onopgelost

## Onderwerpen

### Meest populaire onderwerpen

### Onderwerpen zonder reacties

### Non-support onderwerpen

### Opgeloste onderwerpen

### Onopgeloste onderwerpen

### Alle onderwerpen