Title: Woo Commerce Margin
Last modified: February 12, 2022

---

# Woo Commerce Margin

 *  Resolved [fasxfis](https://wordpress.org/support/users/fasxfis/)
 * (@fasxfis)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/woo-commerce-margin-2/)
 * Hi guys,
 * As you can see in the link above I need some more ‘White Space’ around the products
   on the left and right of the page.
 * Does anyone know the CSS code for this please?
    Many thanks
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fwoo-commerce-margin-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [Igor H](https://wordpress.org/support/users/ihereira/)
 * (@ihereira)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/woo-commerce-margin-2/#post-15358126)
 * Hi there,
 * It looks that the site contains Elementor Tags, kindly note, our forum does not
   cover Elementor but WooCommerce core.
 * Since they are different than standard tags, my recommendation is to reach out
   Elementor support team for further assistance at: [https://elementor.com/support/](https://elementor.com/support/)
 * I hope this provides clarity.
 *  Thread Starter [fasxfis](https://wordpress.org/support/users/fasxfis/)
 * (@fasxfis)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/woo-commerce-margin-2/#post-15358215)
 * Hi,
    Thanks for the reply.
 * I havent, and am unable to, use Elementor to edit the shop for some reason?
 *  [Igor H](https://wordpress.org/support/users/ihereira/)
 * (@ihereira)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/woo-commerce-margin-2/#post-15358263)
 * Hello,
 * To take a better look at the site setup, could you please share a copy of your
   site’s **System Status**? You can find it via **WooCommerce > Status**. Select“
   Get system report” and then “Copy for support”. 
 * Once you’ve done that, paste it here in your response.
 *  Thread Starter [fasxfis](https://wordpress.org/support/users/fasxfis/)
 * (@fasxfis)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/woo-commerce-margin-2/#post-15362911)
 * Hi Igor,
 * Thanks for the help. Please see below:
 *     ```
       ### WordPress Environment ###
   
       WordPress address (URL): https://www.windmillflowers.ie
       Site address (URL): https://www.windmillflowers.ie
       WC Version: 6.2.0
       REST API Version: ✔ 6.2.0
       WC Blocks Version: ✔ 6.7.3
       Action Scheduler Version: ✔ 3.4.0
       WC Admin Version: ✔ 3.1.0
       Log Directory Writable: ✔
       WP Version: 5.9
       WP Multisite: –
       WP Memory Limit: 256 MB
       WP Debug Mode: –
       WP Cron: ✔
       Language: en_GB
       External object cache: –
   
       ### Server Environment ###
   
       Server Info: Apache
       PHP Version: 7.3.33
       PHP Post Max Size: 128 MB
       PHP Time Limit: 300
       PHP Max Input Vars: 2500
       cURL Version: 7.79.1
       OpenSSL/1.1.1g-fips
   
       SUHOSIN Installed: –
       MySQL Version: 5.5.5-10.4.14-MariaDB-log
       Max Upload Size: 128 MB
       Default Timezone is UTC: ✔
       fsockopen/cURL: ✔
       SoapClient: ✔
       DOMDocument: ✔
       GZip: ✔
       Multibyte String: ✔
       Remote Post: ✔
       Remote Get: ✔
   
       ### Database ###
   
       WC Database Version: 6.2.0
       WC Database Prefix: 96_
       Total Database Size: 21.90MB
       Database Data Size: 16.10MB
       Database Index Size: 5.80MB
       96_woocommerce_sessions: Data: 0.08MB + Index: 0.02MB + Engine InnoDB
       96_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
       96_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
       96_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.17MB + Engine InnoDB
       96_woocommerce_order_items: Data: 0.06MB + Index: 0.03MB + Engine InnoDB
       96_woocommerce_order_itemmeta: Data: 0.31MB + Index: 0.39MB + Engine InnoDB
       96_woocommerce_tax_rates: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
       96_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
       96_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
       96_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
       96_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
       96_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
       96_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
       96_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
       96_actionscheduler_actions: Data: 0.13MB + Index: 0.16MB + Engine InnoDB
       96_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
       96_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
       96_actionscheduler_logs: Data: 0.09MB + Index: 0.09MB + Engine InnoDB
       96_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
       96_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
       96_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
       96_mailchimp_carts: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
       96_mailchimp_jobs: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
       96_options: Data: 7.05MB + Index: 0.09MB + Engine InnoDB
       96_postmeta: Data: 4.48MB + Index: 3.03MB + Engine InnoDB
       96_posts: Data: 2.50MB + Index: 0.22MB + Engine InnoDB
       96_revslider_css: Data: 0.13MB + Index: 0.00MB + Engine InnoDB
       96_revslider_layer_animations: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
       96_revslider_navigations: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
       96_revslider_sliders: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
       96_revslider_slides: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
       96_revslider_static_slides: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
       96_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
       96_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
       96_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
       96_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
       96_usermeta: Data: 0.08MB + Index: 0.03MB + Engine InnoDB
       96_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
       96_wc_admin_notes: Data: 0.05MB + Index: 0.00MB + Engine InnoDB
       96_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
       96_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
       96_wc_customer_lookup: Data: 0.05MB + Index: 0.05MB + Engine InnoDB
       96_wc_download_log: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
       96_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
       96_wc_order_product_lookup: Data: 0.06MB + Index: 0.11MB + Engine InnoDB
       96_wc_order_stats: Data: 0.02MB + Index: 0.25MB + Engine InnoDB
       96_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
       96_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
       96_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
       96_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
       96_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
       96_wc_webhooks: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
       96_yoast_indexable: Data: 0.17MB + Index: 0.09MB + Engine InnoDB
       96_yoast_indexable_hierarchy: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
       96_yoast_migrations: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
       96_yoast_primary_term: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
       96_yoast_seo_links: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
   
       ### Post Type Counts ###
   
       attachment: 155
       custom_css: 2
       customize_changeset: 18
       elementor_font: 1
       elementor_library: 8
       ft_gallery: 5
       nav_menu_item: 10
       oembed_cache: 3
       page: 19
       post: 2
       product: 47
       revision: 466
       seedprod: 3
       shop_order: 337
       wccf_checkout_field: 2
       wpcf7_contact_form: 1
   
       ### Security ###
   
       Secure connection (HTTPS): ✔
       Hide errors from visitors: ✔
   
       ### Active Plugins (22) ###
   
       WPSHAPERE: by AcmeeDesign Softwares and Solutions – 6.1.7
       Classic Editor: by WordPress Contributors – 1.6.2
       Contact Form 7: by Takayuki Miyoshi – 5.5.4
       Disable Gutenberg: by Jeff Starr – 2.6
       Elementor Pro: by Elementor.com – 3.0.5
       Elementor: by Elementor.com – 3.5.5
       ElementsKit Lite: by Wpmet – 2.5.3
       Essential Addons for Elementor - Pro: by WPDeveloper – 4.2.0
       Essential Addons for Elementor: by WPDeveloper – 5.0.7
       Facebook for WooCommerce: by Facebook – 2.6.9
       Feed Them Gallery Premium: by  – 1.1.1
       Feed Them Gallery: by SlickRemix – 1.4.3.1
       Google Ads & Marketing by Kliken: by Kliken – 1.0.8
       Mailchimp for WooCommerce: by Mailchimp – 2.5.4
       Slider Revolution: by ThemePunch – 5.4.8
       UpdraftPlus - Backup/Restore: by UpdraftPlus.Com
       DavidAnderson – 1.22.1
   
       WooReer: by Sofyan Sitorus – 2.1.14
       WooCommerce Distance Rate Shipping: by Automattic – 1.0.26
       WooCommerce Payments: by Automattic – 3.7.0
       WooCommerce: by Automattic – 6.2.0
       Yoast SEO: by Team Yoast – 18.1
       Analytify - Google Analytics Dashboard: by Analytify – 4.1.6
   
       ### Inactive Plugins (9) ###
   
       All-in-One WP Migration: by ServMask – 7.54
       All-in-One WP Migration Unlimited Extension: by ServMask – 2.38
       Coming Soon Page, Maintenance Mode & Landing Pages by SeedProd: by SeedProd – 6.9.0.8
       Envato Elements: by Envato – 2.0.11
       Jetpack: by Automattic – 10.6
       Ultimate Addons for Visual Composer: by Brainstorm Force – 3.16.21
       WooCommerce Custom Fields: by RightPress – 2.3.4
       WooCommerce Stripe Gateway: by WooCommerce – 6.1.0
       WPBakery Page Builder: by Michael M - WPBakery.com – 5.5.2
   
       ### Must Use Plugins (1) ###
   
       StackCache: by Stack CP –
   
       ### Settings ###
   
       API Enabled: –
       Force SSL: –
       Currency: EUR (€)
       Currency Position: left
       Thousand Separator: .
       Decimal Separator: ,
       Number of Decimals: 2
       Taxonomies: Product Types: external (external)
       grouped (grouped)
       simple (simple)
       variable (variable)
   
       Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
       exclude-from-search (exclude-from-search)
       featured (featured)
       outofstock (outofstock)
       rated-1 (rated-1)
       rated-2 (rated-2)
       rated-3 (rated-3)
       rated-4 (rated-4)
       rated-5 (rated-5)
   
       Connected to WooCommerce.com: –
   
       ### WC Pages ###
   
       Shop base: #6 - /shop/
       Basket: #7 - /basket/
       Checkout: #8 - /checkout/
       My account: #9 - /my-account/
       Terms and conditions: ❌ Page not set
   
       ### Theme ###
   
       Name: Website
       Version: 2.7
       Author URL: http://Website.com/
       Child Theme: ❌ – If you are modifying WooCommerce on a parent theme that you did not build
       personally we recommend using a child theme. See: How to create a child theme
   
       WooCommerce Support: ✔
   
       ### Templates ###
   
       Overrides: –
   
       ### WooCommerce Payments ###
   
       Version: 3.7.0
       Connected to WPCOM: Yes
       Blog ID: 188924776
       Account ID: -
   
       ### Action Scheduler ###
   
       Complete: 379
       Oldest: 2022-02-09 14:43:23 +0000
       Newest: 2022-02-14 12:13:12 +0000
   
       Pending: 1
       Oldest: 2022-02-14 13:49:30 +0000
       Newest: 2022-02-14 13:49:30 +0000
   
       ### Status report information ###
   
       Generated at: 2022-02-14 12:17:06 +00:00
       ```
   
 *  [MayKato](https://wordpress.org/support/users/maykato/)
 * (@maykato)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/woo-commerce-margin-2/#post-15363632)
 * Hi [@fasxfis](https://wordpress.org/support/users/fasxfis/)
 * You can use custom CSS like below:
 * `.l-section.for_shop {margin:0 20px;}`
 * If you’d like to learn more about CSS, I highly recommend using the [free tutorials at w3schools](https://www.w3schools.com/w3css/).
   Here, you can find the basics of [selectors](https://www.w3schools.com/cssref/css_selectors.asp)(
   how to target the right element on the page), and [properties](https://www.w3schools.com/cssref/)(
   how to change the element on the page).
 *  Thread Starter [fasxfis](https://wordpress.org/support/users/fasxfis/)
 * (@fasxfis)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/woo-commerce-margin-2/#post-15363687)
 * Hi [@maykato](https://wordpress.org/support/users/maykato/),
 * That worked, that you so much!
 * By any chance do you know the code for the margin to also come in on the ‘Basket’
   page, once a product is added to the cart please?
 *  [hegenberg](https://wordpress.org/support/users/hegenberg/)
 * (@hegenberg)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/woo-commerce-margin-2/#post-15365012)
 * Hi there,
 * I’ve tried to access your site, but it seems that it is currently unavailable.
   See the screenshot:
    [https://gifyu.com/image/Sz6hU](https://gifyu.com/image/Sz6hU)
 * Please reactivate the site, so we can take a look at it.
 *  Thread Starter [fasxfis](https://wordpress.org/support/users/fasxfis/)
 * (@fasxfis)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/woo-commerce-margin-2/#post-15366468)
 * Hi [@hegenberg](https://wordpress.org/support/users/hegenberg/) ,
 * Sorry, it is live now
 *  [aetta](https://wordpress.org/support/users/chiape/)
 * (@chiape)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/woo-commerce-margin-2/#post-15368655)
 * Hi [@fasxfis](https://wordpress.org/support/users/fasxfis/)!
 * Firstly, I need to let you know that this is a bit out of scope for us, all those
   customizations are handled by your theme and its stylesheet files.
 * That being said, if I understood you correctly, you’re trying to center your 
   cart page fields, is that correct?
 * If so, you can try the code below:
 *     ```
       /*centering cart fields*/
       .l-titlebar-h h1 {
         margin-left: 25%;
       }
       .woocommerce { 
       margin-left: 25%;
       margin-right: 25%;}
       ```
   
 * On the other hand, if you need help customizing your site, you can reach out 
   directly to your theme developer by taking a look at the link below:
 * [https://woocommerce.com/customizations](https://woocommerce.com/customizations)
 * All the best!

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Woo Commerce Margin’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504)
 * [WooCommerce](https://wordpress.org/plugins/woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [margin](https://wordpress.org/support/topic-tag/margin/)

 * 9 replies
 * 5 participants
 * Last reply from: [aetta](https://wordpress.org/support/users/chiape/)
 * Last activity: [4 years, 4 months ago](https://wordpress.org/support/topic/woo-commerce-margin-2/#post-15368655)
 * Status: resolved