Buttons on process

  • Resolved webcart

    (@webcart)


    7 years, 5 months ago

    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

    (@jessepearson)

    Automattic Happiness Engineer

    7 years, 5 months ago

    @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

    (@webcart)

    7 years, 5 months ago

    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

    (@jessepearson)

    Automattic Happiness Engineer

    7 years, 5 months ago

    @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

    (@webcart)

    7 years, 5 months ago

    Thanks @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

    (@webcart)

    7 years, 5 months ago

    By the way, the official storefront demo has this overlay as well.

    jessepearson

    (@jessepearson)

    Automattic Happiness Engineer

    7 years, 5 months ago

    @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

    (@webcart)

    7 years, 5 months ago

    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

    (@jessepearson)

    Automattic Happiness Engineer

    7 years, 5 months ago

    @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

    (@jdembowski)

    Forum Moderator and Brute Squad

    7 years, 5 months ago

    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

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

The topic ‘Buttons on process’ is closed to new replies.