Altering the design of WooCommerce notifications [closed]

It sounds like you might want to start by learning a little bit about CSS which isn’t necessarily a WordPress question (there are many CSS tutorials out there to get you started).

Then to change your site’s style, identify the elements you want to change and add your customizations to your theme or whichever custom CSS input you’re using. The quickest way to identify the CSS you want to change is to use a browser tool like the Chrome DevTool inspector or the Firebug extension for Firefox.

Since we’re specifically talking about WooCommerce though, I want to also mention that you can remove the WooCommerce style entirely and start from scratch (a good option for those that want to customize the entire look of their shop). A filter like one of those below placed in your theme’s functions.php file will do that.

Remove each style one by one:

add_filter( 'woocommerce_enqueue_styles', 'yourname_dequeue_styles' );
function yourname_dequeue_styles( $enqueue_styles ) {
    unset( $enqueue_styles['woocommerce-general'] ); // Remove the gloss
    unset( $enqueue_styles['woocommerce-layout'] ); // Remove the layout
    unset( $enqueue_styles['woocommerce-smallscreen'] ); // Remove the smallscreen optimisation
    return $enqueue_styles;
}

Or just remove them all in one line

add_filter( 'woocommerce_enqueue_styles', '__return_false' );