Support » Plugin: WooCommerce » WooCommerce styles/selector conflicts w/ Bootstrap

  • Resolved eclev91

    (@eclev91)


    In the base woocommerce.css file, there’s the following:

    .woocommerce form .form-row {
      padding: 3px;
      margin: 0 0 6px;
    }

    This causes issues w/ Bootstrap styles (specifically due to the .form-row selector) that may be on the page that don’t actually have anything to do with WooCommerce. You can see it in action on this page if you look at the slight alignment issues it causes in the “Request a Quote” form toward the bottom of the page.

    Would be great if these selectors were scoped better. Adding .woocommerce doesn’t really cut it since that’s a body class and catches everything.

    
    ### WordPress Environment ###
    
    WordPress address (URL): https://ex-guard.test/wp
    Site address (URL): https://ex-guard.test
    WC Version: 4.9.2
    REST API Version: ✔ 4.9.2
    WC Blocks Version: ✔ 4.0.0
    Action Scheduler Version: ✔ 3.1.6
    WC Admin Version: ✔ 1.8.3
    Log Directory Writable: ✔
    WP Version: ❌ 5.6 - There is a newer version of WordPress available (5.6.1)
    WP Multisite: –
    WP Memory Limit: 512 MB
    WP Debug Mode: ✔
    WP Cron: –
    Language: en_US
    External object cache: ✔
    
    ### Server Environment ###
    
    Server Info: nginx/1.18.0
    PHP Version: 7.4.11
    PHP Post Max Size: 100 MB
    PHP Time Limit: 30
    PHP Max Input Vars: 1000
    cURL Version: 7.68.0
    OpenSSL/1.1.1g
    
    SUHOSIN Installed: –
    MySQL Version: 5.5.5-10.5.8-MariaDB-1:10.5.8+maria~focal
    Max Upload Size: 100 MB
    Default Timezone is UTC: ✔
    fsockopen/cURL: ✔
    SoapClient: ✔
    DOMDocument: ✔
    GZip: ✔
    Multibyte String: ✔
    Remote Post: ✔
    Remote Get: ✔
    
    ### Database ###
    
    WC Database Version: 4.9.2
    WC Database Prefix: wp_k0rwjer9fn_
    Total Database Size: 52.97MB
    Database Data Size: 37.34MB
    Database Index Size: 15.63MB
    wp_k0rwjer9fn_woocommerce_sessions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_k0rwjer9fn_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_k0rwjer9fn_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.17MB + Engine InnoDB
    wp_k0rwjer9fn_woocommerce_order_items: Data: 0.06MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_woocommerce_order_itemmeta: Data: 0.31MB + Index: 0.36MB + Engine InnoDB
    wp_k0rwjer9fn_woocommerce_tax_rates: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
    wp_k0rwjer9fn_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp_k0rwjer9fn_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp_k0rwjer9fn_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_k0rwjer9fn_actionscheduler_actions: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
    wp_k0rwjer9fn_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_k0rwjer9fn_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_k0rwjer9fn_actionscheduler_logs: Data: 0.20MB + Index: 0.17MB + Engine InnoDB
    wp_k0rwjer9fn_aioseo_notifications: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    wp_k0rwjer9fn_aioseo_posts: Data: 1.52MB + Index: 0.09MB + Engine InnoDB
    wp_k0rwjer9fn_aryo_activity_log: Data: 0.05MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_as3cf_items: Data: 1.52MB + Index: 0.95MB + Engine InnoDB
    wp_k0rwjer9fn_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_comments: Data: 0.20MB + Index: 0.28MB + Engine InnoDB
    wp_k0rwjer9fn_customizer: Data: 0.19MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_customizer_custom_image: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_download_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_k0rwjer9fn_facetwp_index: Data: 0.20MB + Index: 0.31MB + Engine InnoDB
    wp_k0rwjer9fn_ff_cache: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_ff_comments: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_ff_image_cache: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_ff_options: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_ff_posts: Data: 0.13MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_ff_post_media: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_ff_snapshots: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_ff_streams: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_ff_streams_sources: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_gf_addon_feed: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_k0rwjer9fn_gf_draft_submissions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_k0rwjer9fn_gf_entry: Data: 0.27MB + Index: 0.06MB + Engine InnoDB
    wp_k0rwjer9fn_gf_entry_meta: Data: 1.52MB + Index: 2.20MB + Engine InnoDB
    wp_k0rwjer9fn_gf_entry_notes: Data: 0.09MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_gf_form: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_gf_form_meta: Data: 0.34MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_gf_form_revisions: Data: 0.16MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_gf_form_view: Data: 0.27MB + Index: 0.20MB + Engine InnoDB
    wp_k0rwjer9fn_gf_rest_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_iwp_backup_status: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_iwp_processed_iterator: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_k0rwjer9fn_options: Data: 2.50MB + Index: 0.13MB + Engine InnoDB
    wp_k0rwjer9fn_postmeta: Data: 16.52MB + Index: 6.03MB + Engine InnoDB
    wp_k0rwjer9fn_posts: Data: 2.52MB + Index: 0.81MB + Engine InnoDB
    wp_k0rwjer9fn_redirection_404: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp_k0rwjer9fn_redirection_groups: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_redirection_items: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
    wp_k0rwjer9fn_redirection_logs: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp_k0rwjer9fn_relevanssi: Data: 0.48MB + Index: 0.89MB + Engine InnoDB
    wp_k0rwjer9fn_relevanssi_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_k0rwjer9fn_relevanssi_stopwords: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_k0rwjer9fn_rg_form: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_rg_form_meta: Data: 0.03MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_rg_form_view: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_rg_incomplete_submissions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_k0rwjer9fn_rg_lead: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_rg_lead_detail: Data: 0.06MB + Index: 0.06MB + Engine InnoDB
    wp_k0rwjer9fn_rg_lead_detail_long: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_rg_lead_meta: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp_k0rwjer9fn_rg_lead_notes: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_smush_dir_images: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_terms: Data: 0.20MB + Index: 0.22MB + Engine InnoDB
    wp_k0rwjer9fn_term_relationships: Data: 0.39MB + Index: 0.38MB + Engine InnoDB
    wp_k0rwjer9fn_term_taxonomy: Data: 0.22MB + Index: 0.27MB + Engine InnoDB
    wp_k0rwjer9fn_usermeta: Data: 0.34MB + Index: 0.34MB + Engine InnoDB
    wp_k0rwjer9fn_users: Data: 0.05MB + Index: 0.05MB + Engine InnoDB
    wp_k0rwjer9fn_wc_admin_notes: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_k0rwjer9fn_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_wc_customer_lookup: Data: 0.06MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_wc_download_log: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp_k0rwjer9fn_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_wc_order_product_lookup: Data: 0.06MB + Index: 0.06MB + Engine InnoDB
    wp_k0rwjer9fn_wc_order_stats: Data: 0.06MB + Index: 0.05MB + Engine InnoDB
    wp_k0rwjer9fn_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_wc_product_meta_lookup: Data: 0.06MB + Index: 0.09MB + Engine InnoDB
    wp_k0rwjer9fn_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_k0rwjer9fn_wc_webhooks: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_k0rwjer9fn_woosfrest_categories: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_woosfrest_orders: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_woosfrest_products: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_woosfrest_users: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_k0rwjer9fn_wpml_mails: Data: 5.52MB + Index: 0.00MB + Engine InnoDB
    
    ### Post Type Counts ###
    
    acf-field: 78
    acf-field-group: 19
    amn_smtp: 1
    attachment: 1694
    customize_changeset: 5
    customizer: 89
    dlm_download: 1
    dlm_download_version: 1
    iwp_log: 376
    lc-gform-download: 65
    nav_menu_item: 78
    oembed_cache: 9
    page: 40
    polylang_mo: 3
    post: 62
    product: 253
    product_variation: 12
    revision: 637
    series: 6
    shop_coupon: 1
    shop_order: 257
    shop_order_refund: 8
    vpc-config: 4
    wp-help: 4
    wpsl_stores: 2
    
    ### Security ###
    
    Secure connection (HTTPS): ✔
    Hide errors from visitors: ✔
    
    ### Active Plugins (41) ###
    
    Query Monitor: by John Blackbourn – 3.6.7
    Gravity Forms: by Gravity Forms – 2.4.22
    AddToAny Share Buttons: by AddToAny – 1.7.43
    Advanced Custom Fields PRO: by Elliot Condon – 5.9.4
    Advanced Excerpt: by WPKube – 4.3.8
    All in One SEO: by All in One SEO Team – 4.0.12
    WP Offload Media: by Delicious Brains – 2.5.2
    Activity Log: by Activity Log Team – 2.6.0
    Beaver Builder Plugin (Pro Version): by The Beaver Builder Team – 2.4.2
    Beaver Themer: by The Beaver Builder Team – 1.3.2.3
    PublishPress Capabilities: by PublishPress – 1.10.1
    CMB2: by CMB2 team – 2.7.0
    GDPR Cookie Consent: by WebToffee – 1.9.5
    Download Gate for Gravity Forms: by Ethan Clevenger – 1.0.2
    Enable Media Replace: by ShortPixel – 3.5.0
    FacetWP - Conditional Logic: by FacetWP
    LLC – 1.3.0
    
    FacetWP - Hierarchy Select: by FacetWP
    LLC – 0.4.2
    
    FacetWP - Relevanssi integration: by FacetWP
    LLC – 0.7.1
    
    FacetWP: by FacetWP
    LLC – 3.7.3
    
    WooCommerce FedEx Shipping Plugin with Print Label: by PluginHive – 4.7.1
    FlippingBook - Sterner Stuff: by Sterner Stuff Design – 1.3.1
    Jetpack by WordPress.com: by Automattic – 9.4
    Mailgun: by Mailgun – 1.7.1
    Permalink Manager Pro: by Maciej Bis – 2.2.9.4
    PixelYourSite: by PixelYourSite – 8.0.3
    Debug Bar WooCommerce Templates: by YOUR NAME HERE – 0.1.0
    Redirection: by John Godley – 5.0.1
    Redis Object Cache: by Till Krüss – 2.0.17
    Simple Custom Post Order: by Colorlib – 2.5.3
    Ex-Guard: by Sterner Stuff – 1.1.0
    WooCommerce Composite Products: by SomewhereWarm – 7.1.6
    WooCommerce Google Analytics Pro: by SkyVerge – 1.10.0
    WooCommerce Shipping & Tax: by Automattic – 1.25.6
    WooCommerce Vehicle Parts Finder - Make/Model/Year/Engine/Category/Keyword: by The WP Instinct Team – 3.4
    WooCommerce: by Automattic – 4.9.2
    WP Crontrol: by John Blackbourn & crontributors – 1.9.0
    WP fail2ban: by Charles Lecklider – 4.3.0.9
    WP Migrate DB Pro CLI: by Delicious Brains – 1.3.5
    WP Migrate DB Pro Media Files: by Delicious Brains – 1.4.15
    WP Migrate DB Pro: by Delicious Brains – 1.9.13
    WP Store Locator: by Tijmen Smit – 2.2.234
    
    ### Inactive Plugins (13) ###
    
    Classic Editor: by WordPress Contributors – 1.6
    Compress JPEG & PNG images: by TinyPNG – 3.2.1
    Debug Bar List Script & Style Dependencies: by Per Soderlind – 1.1
    Hide Shipping Methods based on Shipping Class and Zone: by PluginHive – 1.0.6
    InfiniteWP - Client: by Revmakx – 1.9.4.8.2
    Polylang: by WP SYNTEX – 2.9.2
    Product Customizer: by K2-Service – 2.5.22
    Relevanssi: by Mikko Saari – 4.11.0
    Transients Manager: by Pippin Williamson – 1.8.1
    User Switching: by John Blackbourn & contributors – 1.5.6
    WDS CPT Core: by WebDevStudios.com – 1.0.2
    What The File: by Never5 – 1.5.4
    WooCommerce Salesforce Connector: by Webkul Software Pvt. Ltd. – 3.0
    
    ### Dropin Plugins (1) ###
    
    object-cache.php: Redis Object Cache Drop-In
    
    ### Must Use Plugins (3) ###
    
    Bedrock Autoloader: by Roots – 1.0.0
    Disallow Indexing: by Roots – 1.0.0
    Register Theme Directory: by Roots – 1.0.0
    
    ### Settings ###
    
    API Enabled: ✔
    Force SSL: ✔
    Currency: USD (USD )
    Currency Position: left
    Thousand Separator: ,
    Decimal Separator: .
    Number of Decimals: 2
    Taxonomies: Product Types: composite (composite)
    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: #14 - /store/
    Cart: #15 - /cart/
    Checkout: #16 - /checkout/
    My account: #17 - /my-account/
    Terms and conditions: ❌ Page not set
    
    ### Theme ###
    
    Name: Ex-Guard Mix
    Version: 2.0.0
    Author URL: https://sternerstuffdesign.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: ex-guard-mix/woocommerce/checkout/form-checkout.php
    ex-guard-mix/woocommerce/content-single-product.php
    ex-guard-mix/woocommerce/single-product/title.php
    
    ### Composite Products ###
    
    Database Version: 7.1.6
    Loopback Test: ✔
    Template Overrides: –
    
    ### Action Scheduler ###
    
    Complete: 23
    Oldest: 2021-01-11 12:10:24 -0600
    Newest: 2021-02-04 17:08:06 -0600
    
    Pending: 3
    Oldest: 2021-02-04 17:11:33 -0600
    Newest: 2021-02-05 16:36:16 -0600
    
    
Viewing 1 replies (of 1 total)
  • Plugin Support RK a11n

    (@riaanknoetze)

    Hi there,

    While I’m not sure whether this is specific to your site only, it’s worthwhile adding any proposed code changes to the WooCommerce Github repository in the form of either a bug report or pull request. If you’re wondering, that repository is available at https://github.com/woocommerce/woocommerce

Viewing 1 replies (of 1 total)
  • The topic ‘WooCommerce styles/selector conflicts w/ Bootstrap’ is closed to new replies.