{"id":10429,"date":"2022-01-13T12:02:29","date_gmt":"2022-01-13T11:02:29","guid":{"rendered":"https:\/\/www.welaunch.io\/en\/?post_type=faq&#038;p=10429"},"modified":"2022-01-13T12:02:29","modified_gmt":"2022-01-13T11:02:29","slug":"woocommerce-gallery-images-not-correctly-aligned","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/en\/knowledge-base\/faq\/woocommerce-gallery-images-not-correctly-aligned\/","title":{"rendered":"WooCommerce Gallery Images not correctly aligned"},"content":{"rendered":"<p>When using our <a href=\"https:\/\/www.welaunch.io\/en\/product\/woocommerce-gallery-images\/\">gallery images plugin for WooCommerce<\/a> it can happen, that the image container is not correctly aligned in some themes. This is caused, because the theme did not provided CSS code for the woocommerce-gallery-images class.<\/p>\n<p>To fix the issue you need to add this custom CSS to your site:<\/p>\n<pre>.woocommerce-product-gallery {\r\n\twidth: 42%;\r\n\tfloat: left\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.woocommerce-product-gallery {\r\n\t\twidth: 100%;\r\n\t\tfloat: none;\r\n\t}\r\n}\r\n<\/pre>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-10429","faq","type-faq","status-publish","hentry","faq_topics-gallery-images"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/10429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/types\/faq"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/comments?post=10429"}],"version-history":[{"count":1,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/10429\/revisions"}],"predecessor-version":[{"id":10431,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/10429\/revisions\/10431"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/media?parent=10429"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/product_cat?post=10429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}