Title: Buttons on process Last modified: December 10, 2018 --- # Buttons on process * Resolved [webcart](https://wordpress.org/support/users/webcart/) * (@webcart) * [7 years, 5 months ago](https://wordpress.org/support/topic/buttons-on-process/) * Hi I am trying to find a way to cancel the “grey” color of some of the buttons when in process such as “update cart” etc’. When updating the cart, the button and some other elements such as the products thumbnails getting greyed. Could not find the CSS that make it. thanks. Viewing 9 replies - 1 through 9 (of 9 total) * [jessepearson](https://wordpress.org/support/users/jessepearson/) * (@jessepearson) * Automattic Happiness Engineer * [7 years, 5 months ago](https://wordpress.org/support/topic/buttons-on-process/#post-10973756) * [@webcart](https://wordpress.org/support/users/webcart/) The color used is the color set as the Background color under Appearance > Customize > Buttons. You can also use these CSS rules to override these colors: * ``` .button.loading { color: ; } .button.loading:hover { background-color: ; } ``` * Thread Starter [webcart](https://wordpress.org/support/users/webcart/) * (@webcart) * [7 years, 5 months ago](https://wordpress.org/support/topic/buttons-on-process/#post-10974270) * Thank you for your prompt reply but the issue is different. Today I found out that when the “system” is thinking after the button was pressed then a big square mask is covering most of the screen and makes the screen with a lighter color. It happens when the “update cart” is pressed and some other buttons. Where can I control this “mask” ? * [jessepearson](https://wordpress.org/support/users/jessepearson/) * (@jessepearson) * Automattic Happiness Engineer * [7 years, 5 months ago](https://wordpress.org/support/topic/buttons-on-process/#post-10978826) * [@webcart](https://wordpress.org/support/users/webcart/) To the best of recollection, Storefront does not do the overlay you are talking about. Do you know what theme you are using? If you go to WooCommerce > Status, can you copy/paste your System Status Report here for us? * Thread Starter [webcart](https://wordpress.org/support/users/webcart/) * (@webcart) * [7 years, 5 months ago](https://wordpress.org/support/topic/buttons-on-process/#post-10979820) * Thanks [@jesse](https://wordpress.org/support/users/jesse/) I am using storefront theme (child) and it does do the overlay thing. I have checked it in another storefront site I have and it also do the overlay after updating cart with different quantity. (One site is kind of a test site of the other one so maybe…) Here is the system report you have asked. Thanks. * ``` ### WordPress Environment ### Home URL: https://www.gobuy.me Site URL: https://www.gobuy.me WC Version: 3.5.1 Log Directory Writable: ✔ WP Version: ❌ 4.9.8 - יש גרסה חדשה יותר של WordPress (5.0) WP Multisite: – WP Memory Limit: 256 MB WP Debug Mode: – WP Cron: ✔ Language: he_IL External object cache: – ### Server Environment ### Server Info: Apache PHP Version: 7.0.33 - אנחנו ממליצים להשתמש ב-PHP גרסה 7.2 ומעלה מטעמי אבטחה וביצועים. כיצד לעדכן את גירסת ה-PHP שברשותך PHP Post Max Size: 64 MB PHP Time Limit: 30 PHP Max Input Vars: 1000 cURL Version: 7.62.0 OpenSSL/1.0.2q SUHOSIN Installed: – MySQL Version: 5.6.41-84.1 Max Upload Size: 64 MB Default Timezone is UTC: ✔ fsockopen/cURL: ✔ SoapClient: ✔ DOMDocument: ✔ GZip: ✔ Multibyte String: ✔ Remote Post: ✔ Remote Get: ✔ ### Database ### WC Database Version: 3.5.1 WC Database Prefix: 6ba_ MaxMind GeoIP Database: ✔ הגודל הכולל של בסיס הנתונים: 10.23MB גודל הנתונים של בסיס הנתונים: 9.14MB גודל האינדקס של בסיס הנתונים: 1.09MB 6ba_woocommerce_sessions: נתונים: 0.11MB + אינדקס: 0.01MB 6ba_woocommerce_api_keys: נתונים: 0.00MB + אינדקס: 0.01MB 6ba_woocommerce_attribute_taxonomies: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_woocommerce_downloadable_product_permissions: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_woocommerce_order_items: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_woocommerce_order_itemmeta: נתונים: 0.01MB + אינדקס: 0.01MB 6ba_woocommerce_tax_rates: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_woocommerce_tax_rate_locations: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_woocommerce_shipping_zones: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_woocommerce_shipping_zone_locations: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_woocommerce_shipping_zone_methods: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_woocommerce_payment_tokens: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_woocommerce_payment_tokenmeta: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_woocommerce_log: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_commentmeta: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_comments: נתונים: 0.17MB + אינדקס: 0.13MB 6ba_failed_jobs: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_links: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_mailchimp_carts: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_newsletter: נתונים: 0.00MB + אינדקס: 0.01MB 6ba_newsletter_emails: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_newsletter_sent: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_newsletter_stats: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_newsletter_user_logs: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_options: נתונים: 3.41MB + אינדקס: 0.07MB 6ba_postmeta: נתונים: 0.31MB + אינדקס: 0.11MB 6ba_posts: נתונים: 1.72MB + אינדקס: 0.12MB 6ba_queue: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_termmeta: נתונים: 0.00MB + אינדקס: 0.01MB 6ba_terms: נתונים: 0.00MB + אינדקס: 0.01MB 6ba_term_relationships: נתונים: 0.01MB + אינדקס: 0.03MB 6ba_term_taxonomy: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_usermeta: נתונים: 0.02MB + אינדקס: 0.02MB 6ba_users: נתונים: 0.00MB + אינדקס: 0.01MB 6ba_wc_download_log: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wc_webhooks: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wfBadLeechers: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wfBlockedCommentLog: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wfBlockedIPLog: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wfBlocks7: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wfConfig: נתונים: 1.12MB + אינדקס: 0.01MB 6ba_wfCrawlers: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wfFileChanges: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wfFileMods: נתונים: 0.94MB + אינדקס: 0.21MB 6ba_wfHits: נתונים: 0.59MB + אינדקס: 0.16MB 6ba_wfHoover: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wfIssues: נתונים: 0.01MB + אינדקס: 0.01MB 6ba_wfKnownFileList: נתונים: 0.47MB + אינדקס: 0.06MB 6ba_wfLeechers: נתונים: 0.01MB + אינדקס: 0.01MB 6ba_wfLiveTrafficHuman: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wfLocs: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wfLogins: נתונים: 0.13MB + אינדקס: 0.03MB 6ba_wfNotifications: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wfPendingIssues: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wfReverseCache: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wfScanners: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wfSNIPCache: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wfStatus: נתונים: 0.11MB + אינדקס: 0.05MB 6ba_wfTrafficRates: נתונים: 0.00MB + אינדקס: 0.00MB 6ba_wfVulnScanners: נתונים: 0.00MB + אינדקס: 0.00MB ### Post Type Counts ### attachment: 43 custom_css: 1 customize_changeset: 170 jetpack_migration: 2 nav_menu_item: 8 page: 9 post: 3 product: 14 revision: 32 scheduled-action: 603 shop_order: 9 soliloquy: 1 wpcf7_contact_form: 2 ### Security ### Secure connection (HTTPS): ✔ Hide errors from visitors: ✔ ### Active Plugins (1) ### טפסי צרו קשר 7: מאת טקאיוקי מיושי – 5.0.5 ### Settings ### API Enabled: – Force SSL: – Currency: ILS (₪) 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) ### WC Pages ### בסיס חנות: #5 - /shop/ עגלת קניות: #6 - /cart/ תשלום: #7 - /checkout/ החשבון שלי: #8 - /my-account/ תנאים והתניות: ❌ דף לא מוגדר ### Theme ### Name: Storefront Child Theme Version: 1.0.0 Author URL: http://stuartduff.com Child Theme: ✔ Parent Theme Name: Storefront Parent Theme Version: 2.3.3 – 2.4.2 זמין Parent Theme Author URL: https://woocommerce.com/ WooCommerce Support: ✔ ### Templates ### Overrides: – ``` * Thread Starter [webcart](https://wordpress.org/support/users/webcart/) * (@webcart) * [7 years, 5 months ago](https://wordpress.org/support/topic/buttons-on-process/#post-10983817) * By the way, the official storefront demo has this overlay as well. * [jessepearson](https://wordpress.org/support/users/jessepearson/) * (@jessepearson) * Automattic Happiness Engineer * [7 years, 5 months ago](https://wordpress.org/support/topic/buttons-on-process/#post-10994912) * [@webcart](https://wordpress.org/support/users/webcart/) I believe the overlay you are referring to is something that is added by WooCommerce itself. It is an element added via JavaScript with these classes: `blockUI` and `blockOverlay` * The default CSS that’s applied directly to this element is this: * ``` z-index: 1000; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px; background: rgb(255, 255, 255); opacity: 0.6; cursor: default; position: absolute; ``` * You _should_ be able to override this, but may have to use the `!important` flag to do so. * Thread Starter [webcart](https://wordpress.org/support/users/webcart/) * (@webcart) * [7 years, 5 months ago](https://wordpress.org/support/topic/buttons-on-process/#post-10997115) * Worked great ! Thanks ! I would appreciate if you could delete the customers’ details in the previous post. Thanks again for the support and the solution 🙂 * [jessepearson](https://wordpress.org/support/users/jessepearson/) * (@jessepearson) * Automattic Happiness Engineer * [7 years, 5 months ago](https://wordpress.org/support/topic/buttons-on-process/#post-10998161) * [@webcart](https://wordpress.org/support/users/webcart/) Glad I could help. We don’t have access to edit the replies posted here, but I put in a request to the moderators to see if the domain could be removed. I am not sure if they will due to it’s already been several days and search engines would have already grabbed the data by now. * Moderator [Jan Dembowski](https://wordpress.org/support/users/jdembowski/) * (@jdembowski) * Forum Moderator and Brute Squad * [7 years, 5 months ago](https://wordpress.org/support/topic/buttons-on-process/#post-10998208) * I’m sorry but posts are not edited except in extreme cases. Search engine hits are never considered extreme and the post will not be edited. * [https://wordpress.org/support/guidelines/#deleting-editing-posts](https://wordpress.org/support/guidelines/#deleting-editing-posts) Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘Buttons on process’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/storefront/4.6.2/screenshot.png) * Storefront * [Support Threads](https://wordpress.org/support/theme/storefront/) * [Active Topics](https://wordpress.org/support/theme/storefront/active/) * [Unresolved Topics](https://wordpress.org/support/theme/storefront/unresolved/) * [Reviews](https://wordpress.org/support/theme/storefront/reviews/) * 9 replies * 3 participants * Last reply from: [Jan Dembowski](https://wordpress.org/support/users/jdembowski/) * Last activity: [7 years, 5 months ago](https://wordpress.org/support/topic/buttons-on-process/#post-10998208) * Status: resolved