WooCommerce: Customize Store Notice

Add your own Customize style to the WooCommerce store notice to notify your users with an attractive eyecatching style. In the tutorial, we will explain to you how you can add customized store notices.

• Default
• After Changes

// Customize store notice css
.woocommerce-store-notice, p.demo_store {
    left: auto;
    right: 0;
    width: 98%;
    padding: .75em 1em;
    text-align: left;
    background-color: #333;
    color: #fff;
}

Code Explanation

• This CSS will customize the styling of your store notice. This goes under the style.css file of your child theme.