{"id":3291,"date":"2014-09-27T11:09:48","date_gmt":"2014-09-27T01:09:48","guid":{"rendered":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/?p=3291"},"modified":"2014-09-27T11:09:48","modified_gmt":"2014-09-27T01:09:48","slug":"simple-shopping-cart-resizecustomize-the-shopping-cart-width","status":"publish","type":"post","link":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/simple-shopping-cart-resizecustomize-the-shopping-cart-width-3291","title":{"rendered":"Simple Shopping Cart &#8211; Resize\/Customize the Shopping Cart Width"},"content":{"rendered":"<p>The <a href=\"https:\/\/www.tipsandtricks-hq.com\/wordpress-simple-paypal-shopping-cart-plugin-768\" target=\"_blank\">simple shopping cart<\/a> is responsive, so it will automatically fit into the container you put it in.\u00c2\u00a0However, if you want to re-size the width of the cart shortcode output then use the following CSS tweak:<\/p>\n<p><strong>Step 1)<\/strong> Grab <a href=\"https:\/\/www.tipsandtricks-hq.com\/wordpress-custom-css-plugin-6413\" target=\"_blank\">this<\/a> custom CSS plugin<\/p>\n<p><strong>Step 2)<\/strong> Add the following CSS code in that plugin.<\/p>\n<p>The following make the width of the shopping cart 70% of the parent container:<\/p>\n<pre>.shopping_cart{\r\nwidth: 70% !important;\r\n}\r\n<\/pre>\n<p>Alternatively, you could use a pixel value like the following:<\/p>\n<pre>.shopping_cart{\r\nwidth: 300px\u00c2\u00a0!important;\r\n}\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>The simple shopping cart is responsive, so it will automatically fit into the container you put it in.\u00c2\u00a0However, if you want to re-size the width of the cart shortcode output then use the following CSS tweak: Step 1) Grab this custom CSS plugin Step 2) Add the following CSS code in that plugin. The following [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[30],"tags":[178,179,24,32],"class_list":{"0":"post-3291","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-wordpress-shopping-cart","7":"tag-cart-shortcode","8":"tag-compact-cart","9":"tag-tweaks","10":"tag-wp-shopping-cart","11":"entry"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts\/3291"}],"collection":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/comments?post=3291"}],"version-history":[{"count":0,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts\/3291\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/media?parent=3291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/categories?post=3291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/tags?post=3291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}