How To Customize WooCommerce Notices Using Elementor


Elementor however, gives you the freedom to customize and style your error notices, message notices and info notices whichever way you want, as well as match them to your Woocommerce website’s style/theme.


Let’s get right to it. On your WordPress dashboard open up any page with Elementor under the Pages section. When your page opens up go to the hamburger icon (☰) in the upper left corner and click on Site settings

In your site settings, go down to the Settings section and click on WooCommerce, that’s where you’ll find the Notices option. When you select Notices, under Notice Type you’ll be able to choose the different types of notices that you can select and customize.

Click the plus (+) sign and add the error notice, info notices, and message notices from the dropdown. When you select, for example, Error Notices, you are given a list of settings where you can edit the colour, typography, font,  icon colour, etc.

If your error messages have links, you can even choose a different color for them on Normal and on Hover. You can also change the notice box background, the border radius, the buttons on the notices, etc.

When you’re done, click the Update button then go to your cart page and try out the notices.  For example, you can add an item to your card ad you’ll receive a “Cart update” notice.

That’s how you can customize and style up your WooCommerce error, info, and message notices to match your website’s theme, brand and style. You can go through each tab and edit the individual settings to your liking.

Video: Customize WooCommerce Notices Using Elementor


Check out more on this story on the link below.