• Resolved tkster95

    (@tkster95)


    Hi,

    When adding or removing an item from your cart, a message from woocommerce will pop up right below the header.

    Is there any way to change the location where that message will appear on the product page after an item is added or removed?

    I would like to place it below the first element in the page I am building.

    If that’s not possible, maybe put it in a light box pop up.

    Is that possible either through css or a plugin?

    I also remembering seeing an ability to give some elements on your page priority over others. I think it was referred to “force first position” or something similar. If I’m unable to relocate the placement of the woocommerce message, would I be able to use css to force an element in the page I am building to the very top of the page (above the message from woocommerce)?

    Thanks for the help!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi @tkster95

    Is there any way to change the location where that message will appear on the product page after an item is added or removed?

    Can you please share the link to the page in question so we can check if it can be done through CSS?

    maybe put it in a light box pop up

    You can check out these popular lightbox plugins in the meantime: https://www.competethemes.com/blog/woocommerce-lightbox-plugins/

    If I’m unable to relocate the placement of the woocommerce message, would I be able to use css to force an element in the page I am building to the very top of the page (above the message from woocommerce)?

    As I mentioned before this can be confirmed upon seeing the particular page.

    In your response please also include 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 tkster95

    (@tkster95)

    Hi, thanks for your help.

    I was trying different css before I saw your reply and I was able to remove the woocommerce message completely, however when doing so it also blocked the shopping cart and checkout page from loading.

    Another thing, while on the cart page, If I remove a product from the cart, it gives a woocommerce message below the first element in my page (the same placement I would like for the message woocommerce gives on product page when adding a product to cart.)

    The page I’m referring to is: https://youatees.com/watatees/cleveland-picture-collage/

    The top bar you see on the page is an “element” not an actual header and when adding a product to cart, the woocommerce message is appearing above the “element” header. I would like to place the message below, remove completely or place in a lightbox.

    Here is the system status:

    
    ### WordPress Environment ###
    
    WordPress address (URL): https://youatees.com
    Site address (URL): https://youatees.com
    WC Version: 6.6.1
    REST API Version: ? 6.6.1
    WC Blocks Version: ? 7.6.2
    Action Scheduler Version: ? 3.4.0
    Log Directory Writable: ?
    WP Version: 6.0
    WP Multisite: –
    WP Memory Limit: 29 GB
    WP Debug Mode: –
    WP Cron: ?
    Language: en_US
    External object cache: –
    
    ### Server Environment ###
    
    Server Info: Apache
    PHP Version: 8.1.7
    PHP Post Max Size: 29 GB
    PHP Time Limit: 1000
    PHP Max Input Vars: 5000
    cURL Version: 7.83.1
    OpenSSL/1.1.1p
    
    SUHOSIN Installed: –
    MySQL Version: 5.7.38
    Max Upload Size: 29 GB
    Default Timezone is UTC: ?
    fsockopen/cURL: ?
    SoapClient: ?
    DOMDocument: ?
    GZip: ?
    Multibyte String: ?
    Remote Post: ?
    Remote Get: ?
    
    ### Database ###
    
    WC Database Version: 6.6.1
    WC Database Prefix: wp9u_
    Total Database Size: 154.26MB
    Database Data Size: 93.92MB
    Database Index Size: 60.34MB
    wp9u_woocommerce_sessions: Data: 0.05MB + Index: 0.02MB + Engine InnoDB
    wp9u_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp9u_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    wp9u_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_woocommerce_order_itemmeta: Data: 0.20MB + Index: 0.14MB + Engine InnoDB
    wp9u_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    wp9u_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp9u_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp9u_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp9u_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp9u_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp9u_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    lumise_backgrounds: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    lumise_bugs: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    lumise_categories: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    lumise_categories_reference: Data: 0.11MB + Index: 0.17MB + Engine InnoDB
    lumise_cliparts: Data: 0.31MB + Index: 0.25MB + Engine InnoDB
    lumise_designs: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
    lumise_display_setting: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    lumise_distress: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    lumise_fonts: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    lumise_guests: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    lumise_images: Data: 0.09MB + Index: 0.00MB + Engine InnoDB
    lumise_languages: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    lumise_mydesigns: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    lumise_orders: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    lumise_order_products: Data: 0.05MB + Index: 0.08MB + Engine InnoDB
    lumise_price_discount: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    lumise_printings: Data: 0.08MB + Index: 0.06MB + Engine InnoDB
    lumise_products: Data: 1.42MB + Index: 0.08MB + Engine InnoDB
    lumise_sessions: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    lumise_settings: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    lumise_shapes: Data: 0.22MB + Index: 0.03MB + Engine InnoDB
    lumise_shares: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
    lumise_tags: Data: 0.11MB + Index: 0.02MB + Engine InnoDB
    lumise_tags_reference: Data: 0.34MB + Index: 0.13MB + Engine InnoDB
    lumise_templates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    wp9u_actionscheduler_actions: Data: 3.50MB + Index: 3.36MB + Engine InnoDB
    wp9u_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_actionscheduler_logs: Data: 2.52MB + Index: 1.98MB + Engine InnoDB
    wp9u_alp_pickup_location: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp9u_ce4wp_abandoned_checkout: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp9u_comments: Data: 0.14MB + Index: 0.09MB + Engine InnoDB
    wp9u_gla_budget_recommendations: Data: 0.22MB + Index: 0.14MB + Engine InnoDB
    wp9u_gla_merchant_issues: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp9u_gla_shipping_rates: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp9u_gla_shipping_times: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_options: Data: 3.42MB + Index: 0.23MB + Engine InnoDB
    wp9u_pantheon_sessions: Data: 46.58MB + Index: 34.16MB + Engine InnoDB
    wp9u_postmeta: Data: 10.52MB + Index: 11.03MB + Engine InnoDB
    wp9u_posts: Data: 15.52MB + Index: 1.11MB + Engine InnoDB
    wp9u_redirection_404: Data: 0.27MB + Index: 0.14MB + Engine InnoDB
    wp9u_redirection_groups: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp9u_redirection_items: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
    wp9u_redirection_logs: Data: 0.17MB + Index: 0.05MB + Engine InnoDB
    wp9u_sib_model_contact: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp9u_sib_model_forms: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp9u_sib_model_users: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp9u_social_users: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp9u_solid_affiliates_bulk_payouts: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp9u_solid_affiliate_affiliates: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp9u_solid_affiliate_affiliate_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_solid_affiliate_affiliate_meta: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp9u_solid_affiliate_affiliate_product_rates: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_solid_affiliate_creatives: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp9u_solid_affiliate_payouts: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
    wp9u_solid_affiliate_referrals: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
    wp9u_solid_affiliate_visits: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp9u_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp9u_terms: Data: 0.06MB + Index: 0.03MB + Engine InnoDB
    wp9u_term_relationships: Data: 0.06MB + Index: 0.05MB + Engine InnoDB
    wp9u_term_taxonomy: Data: 0.11MB + Index: 0.03MB + Engine InnoDB
    wp9u_uap_affiliates: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_affiliate_referral_users_relations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_banners: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_campaigns: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_coupons_code_affiliates: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_cpm: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_dashboard_notifications: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_generated_affiliate_links: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_landing_commissions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_mlm_relations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_notifications: Data: 0.01MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_offers: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_offers_affiliates_reference: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_payments: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_ranks: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_ranks_history: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_referrals: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_ref_links: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_reports: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_uap_visits: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wp9u_usermeta: Data: 0.09MB + Index: 0.03MB + Engine InnoDB
    wp9u_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp9u_wcas_match_rows: Data: 0.08MB + Index: 0.14MB + Engine InnoDB
    wp9u_wcas_match_sets: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp9u_wc_admin_notes: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp9u_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp9u_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp9u_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp9u_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp9u_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    wp9u_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp9u_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp9u_wc_product_attributes_lookup: Data: 1.39MB + Index: 1.39MB + Engine InnoDB
    wp9u_wc_product_download_directories: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_wc_product_meta_lookup: Data: 0.44MB + Index: 0.69MB + Engine InnoDB
    wp9u_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp9u_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_wdr_order_discounts: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp9u_wdr_order_item_discounts: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp9u_wdr_rules: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp9u_woobe_history: Data: 0.36MB + Index: 0.42MB + Engine InnoDB
    wp9u_woobe_history_bulk: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp9u_wpforms_tasks_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp9u_yith_wcwl: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_yith_wcwl_lists: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp9u_yoast_indexable: Data: 3.52MB + Index: 1.58MB + Engine InnoDB
    wp9u_yoast_indexable_hierarchy: Data: 0.20MB + Index: 0.34MB + Engine InnoDB
    wp9u_yoast_migrations: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp9u_yoast_primary_term: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp9u_yoast_seo_links: Data: 0.20MB + Index: 0.17MB + Engine InnoDB
    
    ### Post Type Counts ###
    
    attachment: 271
    blocks: 12
    custom_css: 1
    customize_changeset: 113
    jb_store_css: 10
    mewz_attribute_stock: 312
    nav_menu_item: 43
    page: 25
    post: 20
    product: 28
    product_variation: 3848
    revision: *
    shop_coupon: 8
    shop_order: *
    shop_order_refund: *
    ux_template: 22
    wp_global_styles: 1
    wpcf7_contact_form: 6
    wpforms: 1
    
    ### Security ###
    
    Secure connection (HTTPS): ?
    Hide errors from visitors: ?
    
    ### Active Plugins (22) ###
    
    Native PHP Sessions for WordPress: by Pantheon – 1.2.4
    All-in-One WP Migration: by ServMask – 7.61
    Contact Form 7: by Takayuki Miyoshi – 5.6
    Site Kit by Google: by Google – 1.77.0
    Jetpack Boost: by Automattic – 1.4.2
    Jetpack: by Automattic – 11.0
    Lumise - Product Designer Tool: by King-Theme – 1.9.9
    Newsletter, SMTP, Email marketing and Subscribe forms by Sendinblue: by Sendinblue – 3.1.44
    Redirection: by John Godley – 5.2.3
    BEAR – Bulk Editor and Products Manager Professional for WooCommerce: by realmag777 – 1.1.2
    Woo Discount Rules: by Flycart – 2.4.2
    Premmerce Permalink Manager for WooCommerce: by premmerce – 2.3.5
    Variation Swatches for WooCommerce - Pro: by Emran Ahmed – 2.0.0
    Variation Swatches for WooCommerce: by Emran Ahmed – 2.0.0
    WooCommerce Attribute Stock: by Mewz – 1.7.9
    WooCommerce Stripe Gateway: by WooCommerce – 6.4.1
    WooCommerce Menu Cart: by WP Overnight – 2.12.0
    WooCommerce PayPal Payments: by WooCommerce – 1.8.1
    WooCommerce Shipping & Tax: by WooCommerce – 1.26.1
    WooCommerce: by Automattic – 6.6.1
    Yoast SEO: by Team Yoast – 19.1
    WP Rollback: by GiveWP.com – 1.7.1
    
    ### Inactive Plugins (4) ###
    
    Google Listings and Ads: by WooCommerce – 1.13.6
    Indeed Ultimate Affiliate Pro: by WPIndeed Development – 7.6
    Solid Affiliate: by Solid Plugins – 1.0.28
    WooCommerce Attribute Stock (Lite): by Mewz – 1.7.9
    
    ### Must Use Plugins (1) ###
    
    Endurance Page Cache: by Mike Hansen – 2.2
    
    ### Settings ###
    
    API Enabled: –
    Force SSL: –
    Currency: USD ($)
    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: –
    Enforce Approved Product Download Directories: –
    
    ### WC Pages ###
    
    Shop base: ? Page visibility should be public
    Cart: #8 - /cart/
    Checkout: #9 - /checkout/
    My account: #10 - /my-account/
    Terms and conditions: #1571 - /terms-and-conditions/
    
    ### Theme ###
    
    Name: Flatsome
    Version: 3.15.6
    Author URL: https://www.uxthemes.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: flatsome/woocommerce/archive-product.php
    flatsome/woocommerce/cart/cart-empty.php
    flatsome/woocommerce/cart/cart-shipping.php
    flatsome/woocommerce/cart/cart.php
    flatsome/woocommerce/checkout/form-checkout.php
    flatsome/woocommerce/checkout/form-coupon.php
    flatsome/woocommerce/checkout/terms.php
    flatsome/woocommerce/checkout/thankyou.php
    flatsome/woocommerce/content-product-cat.php
    flatsome/woocommerce/content-product.php
    flatsome/woocommerce/content-single-product.php
    flatsome/woocommerce/content-widget-product.php
    flatsome/woocommerce/global/breadcrumb.php
    flatsome/woocommerce/global/quantity-input.php
    flatsome/woocommerce/global/wrapper-end.php
    flatsome/woocommerce/global/wrapper-start.php
    flatsome/woocommerce/loop/loop-end.php
    flatsome/woocommerce/loop/loop-start.php
    flatsome/woocommerce/loop/pagination.php
    flatsome/woocommerce/loop/result-count.php
    flatsome/woocommerce/loop/sale-flash.php
    flatsome/woocommerce/myaccount/form-login.php
    flatsome/woocommerce/myaccount/navigation.php
    flatsome/woocommerce/notices/error.php
    flatsome/woocommerce/notices/notice.php
    flatsome/woocommerce/notices/success.php
    flatsome/woocommerce/product-searchform.php
    flatsome/woocommerce/single-product/photoswipe.php
    flatsome/woocommerce/single-product/price.php
    flatsome/woocommerce/single-product/product-image.php
    flatsome/woocommerce/single-product/product-thumbnails.php
    flatsome/woocommerce/single-product/rating.php
    flatsome/woocommerce/single-product/related.php
    flatsome/woocommerce/single-product/review.php
    flatsome/woocommerce/single-product/sale-flash.php
    flatsome/woocommerce/single-product/share.php
    flatsome/woocommerce/single-product/short-description.php
    flatsome/woocommerce/single-product/tabs/tabs.php
    flatsome/woocommerce/single-product/title.php
    flatsome/woocommerce/single-product/up-sells.php
    flatsome/woocommerce/single-product-reviews.php
    flatsome/woocommerce/single-product.php
    flatsome/woocommerce/content-product_cat.php
    
    ### WooCommerce PayPal Payments ###
    
    Onboarded: ?
    Shop country code: US
    WooCommerce currency supported: ?
    PayPal card processing available in country: ?
    Pay Later messaging available in country: ?
    Webhook status: –
    Vault enabled: –
    Logging enabled: ?
    Reference Transactions: –
    Used PayPal Checkout plugin: –
    
    ### Admin ###
    
    Enabled Features: activity-panels
    analytics
    coupons
    customer-effort-score-tracks
    experimental-products-task
    experimental-import-products-task
    experimental-fashion-sample-products
    homescreen
    marketing
    mobile-app-banner
    navigation
    onboarding
    onboarding-tasks
    remote-inbox-notifications
    remote-free-extensions
    payment-gateway-suggestions
    shipping-label-banner
    subscriptions
    store-alerts
    transient-notices
    wc-pay-promotion
    wc-pay-welcome-page
    wc-pay-subscriptions-page
    
    Disabled Features: minified-js
    settings
    
    Daily Cron: ? Next scheduled: 2022-06-27 19:49:12 -04:00
    Options: ?
    Notes: 18
    Onboarding: completed
    
    ### Action Scheduler ###
    
    Complete: 8,627
    Oldest: 2022-05-27 14:04:22 -0400
    Newest: 2022-06-26 23:01:47 -0400
    
    Pending: 3
    Oldest: 2022-06-27 18:02:25 -0400
    Newest: 2022-06-27 23:00:00 -0400
    
    ### Status report information ###
    
    Generated at: 2022-06-27 13:15:21 -04:00
    

    Hi @tkster95

    You can move down WooCommerce’s messages on your site by adding the following custom CSS:

    /* Change WooCommerce messages position - https://www.ads-software.com/support/?p=15772373 */
    .woocommerce-message.message-wrapper {
     position: absolute;
      z-index: 99;
      left: 0px;
      top: 30vh;
      background: white;
    }

    You can adjust the message to your preferred position by changing the left and top values on the code.

    And if you wish to remove the messages altogether, this code should do the job:

    /* Hide WooCommerce messages - https://www.ads-software.com/support/?p=15772373 */
    .woocommerce-message.message-wrapper {
    display: none !important;
    }

    For continued support with customizations, I recommend hiring a developer or one of the customization experts listed here:
    https://woocommerce.com/customizations/

    Regards

    Thread Starter tkster95

    (@tkster95)

    Thanks for the info and explanation, worked perfect!

    I’ll look into that page you linked, thanks.

    I’d also like to learn more so that I may be able to do this sort of customization on my own in the future.

    You’ve already done enough by helping me, but if you felt like explaining how you found the solution, that would be awesome.

    After seeing the css you provided for me, I think I now know what I was doing wrong.

    While trying to solve this problem myself, in the inspect page; I used copy selector on the line: <div class=”woocommerce-message message-wrapper role=alert”>. I then pasted that into css. However, when doing so it comes up as “#wrapper > div” and if, for example, I follow that with {display: none !important;} it will remove the woocommerce message on product page, but it will also block the shopping cart and checkout page for loading for some reason.

    Based off the css you provided me, in order to isolate just the message on product page, it seems as if you copied “woocommerce-message message-wrapper” as plain text… then pasted that into css, and replaced the blank spaces with a “.” as well as add a “.” in front, then followed that with the custom settings.

    I’ll try that method in the future if I need to isolate an element to apply css to. For some reason I thought I had to use the copy selector.

    Thanks for the help. Have a good one.

    Hi @tkster95

    I used copy selector on the line: <div class=”woocommerce-message message-wrapper role=alert”>. I then pasted that into css. However, when doing so it comes up as “#wrapper > div” and if, for example, I follow that with {display: none !important;} it will remove the woocommerce message on product page, but it will also block the shopping cart and checkout page for loading for some reason.

    A CSS selector can target different elements on a page. If you’re not seeing your cart/checkout pages when adding that display:none CSS rule, it’s probably because it is also targeting a broader wrapper that is encompassing the entire page bodies.

    Based off the css you provided me, in order to isolate just the message on product page, it seems as if you copied “woocommerce-message message-wrapper” as plain text… then pasted that into css, and replaced the blank spaces with a “.” as well as add a “.” in front, then followed that with the custom settings.

    You got it, that is exactly what I did! ??

    For more information on identifying the correct CSS selector, and to understand the WooCommerce CSS structure, I recommend checking the links below:

    Regards

    This thread has been inactive for a bit, so I’m going to mark it closed. Hopefully, the above information was helpful to you.

    Please feel free to open a new thread if you have any other questions related to core WooCommerce.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing location of woocommerce message’ is closed to new replies.