{"id":66740,"date":"2014-05-20T18:10:56","date_gmt":"2014-05-20T16:10:56","guid":{"rendered":"https:\/\/nl.wordpress.org\/support\/topic\/woocommerce-css-probleem\/"},"modified":"2016-08-05T01:45:24","modified_gmt":"2016-08-05T01:45:24","slug":"woocommerce-css-probleem","status":"closed","type":"topic","link":"https:\/\/nl.wordpress.org\/support\/topic\/woocommerce-css-probleem\/","title":{"rendered":"Woocommerce CSS probleem"},"content":{"rendered":"<p>Ik heb een probleem met WooCommerce.<br \/>\nIk 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.<br \/>\nWeet iemand hoe je ervoor zorgt dat het 5e product onder het 1e product komt?<br \/>\nHier is de css code:<\/p>\n<pre><code>#shop .page-title {\nfont-family: Verdana;\n}\n#shop .woocommerce-result-count {\nfont-family: Verdana;\n}\n#shop .woocommerce-ordering {\nfont-family: Verdana;\nmargin-bottom: 50px;\n}\n#shop .products {\nmargin-top: 30px;\npadding: 0;\n}\n#shop .products li.product{\ndisplay: block;\nfloat: left;\nwidth: 17%;\nlist-style: none;\nmargin-right: 7.5%;\nmargin-top: 20px;\nposition: relative;\n}\n\n#shop .products li a {\ntext-decoration: none;\nmargin-bottom: 20px;\nmargin-top: -100px;\n}\n#shop .products li a img {\nwidth: 100%;\ndisplay: block;\nheight: 200px;\n}\n#shop .products li a h3 {\nmargin-top: 20px;\ncolor: #fff;\ntext-align: center;\n}\n#shop .products .onsale {\nmargin-top: -30px;\nbackground: #492917;\ncolor: #fff;\npadding: 5px;\nborder-radius: 3px;\nfont-family: Verdana;\ncolor: url(images\/cool.png);\nfont-weight: bold;\ndisplay: block;\nwidth: 20%;\n}\n#shop .products li .star-rating {\ndisplay: none;\n}\n#shop  .products img {\npadding-left: auto;\npadding-right: auto;\n}\n#shop .products li .price {\ncolor: #fff;\nfont-family: Verdana;\nfloat: none;\npadding-bottom: 20px;\ntext-align: center;\ndisplay: block;\n}\n#shop .products li .button {\nmargin-top: 10px;\nmargin-left: 25%;\nbackground: #492917;\ncolor: #fff;\npadding: 5px;\nborder-radius: 3px;\nfont-family: Verdana;\ncolor: url(images\/cool.png);\nfont-weight: bold;\n}<\/code><\/pre>\n","protected":false},"template":"","class_list":["post-66740","topic","type-topic","status-closed","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nl.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/66740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nl.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/nl.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/nl.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/66740\/revisions"}],"wp:attachment":[{"href":"https:\/\/nl.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=66740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}