{"id":193,"date":"2016-08-27T01:34:14","date_gmt":"2016-08-27T01:34:14","guid":{"rendered":"https:\/\/wiki.samuelchopard.ch\/?p=193"},"modified":"2020-05-03T18:49:27","modified_gmt":"2020-05-03T16:49:27","slug":"align-add-to-cart-buttons","status":"publish","type":"post","link":"https:\/\/samuelchopard.ch\/wiki\/library\/align-add-to-cart-buttons\/","title":{"rendered":"Align &#8220;Add to cart&#8221; buttons"},"content":{"rendered":"<p><!--more--><\/p>\n<p>Here\u2019s how you would align these buttons if you\u2019re using default WooCommerce styles. You could adjust the heights here as needed, and add this CSS to your <a target=\"_blank\" href=\"https:\/\/samuelchopard.ch\/wiki\/library\/blank-child-theme\/\" rel=\"noopener noreferrer\" target=\"_blank\">child-theme<\/a> stylesheet:<\/p>\n<pre class=\"EnlighterJSRAW\">a.added_to_cart.wc-forward {\r\nbottom: 0;\r\nposition: absolute;\r\ndisplay: block;\r\nbottom: 0px;\r\n}\r\n\r\n.woocommerce ul.products li.product,\r\n.woocommerce-page ul.products li.product {\r\nmin-height: 295px !important; \/* &lt;- modify the height of the gap here *\/\r\nmargin-bottom:10px;\r\n}\r\n\r\na.button.add_to_cart_button,\r\na.button.product_type_simple {\r\nbottom: 30px;\r\nposition: absolute;\r\n}<\/pre>\n<p>&nbsp;<br \/>\nSource: <a target=\"_blank\" href=\"https:\/\/www.skyverge.com\/blog\/woocommerce-align-add-to-cart-buttons\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.skyverge.com\/blog\/woocommerce-align-add-to-cart-buttons\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"Here\u2019s how you would align these buttons if you\u2019re using default WooCommerce styles. You could adjust the heights here as [...]","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,8],"tags":[21,27,234],"class_list":["post-193","post","type-post","status-publish","format-standard","hentry","category-plugins","category-woocommerce","tag-add-to-cart-buttons","tag-align","tag-products"],"_links":{"self":[{"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/posts\/193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/comments?post=193"}],"version-history":[{"count":2,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/posts\/193\/revisions"}],"predecessor-version":[{"id":55122,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/posts\/193\/revisions\/55122"}],"wp:attachment":[{"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/media?parent=193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/categories?post=193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/tags?post=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}