woocommercce tab notification

dgmaximiliano

hi there,

I'd like to change color about WooCommerce notification see images in attach:

• https://www.dropbox.com/s/bqeukxilypnvsn4/screenshot%202021-05-16%20at%2023.38.22.png
• https://www.dropbox.com/s/qzf2x9xnyetnzy0/screenshot%202021-05-16%20at%2023.39.25.png

and is possible in homepage where I put shop slider a round corner of image? I try to put code: border-radius but nothing .. no work.

the site is in development .. https://mappigo.it/webapp/

thanks

Phil

Hello,

Please, put the following CSS codes in Betheme -> Theme options -> Custom CSS & JS -> CSS.

To round corner the images:

.shop_slider .slick-slide .image_frame .image_wrapper{
   border-radius: 20px!important;
}

To change the background color of the green message:

.woocommerce-notices-wrapper .woocommerce-message.alert_success{
   background-color: #666666!important;
}

To change the background of the blue message:

.woocommerce .woocommerce-info.alert_info{
   background-color: #213700!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dgmaximiliano

hi great thanks!!!! thanks a lot!!!! fantastic !!!

listen .. what about change icon color? in the same notification?

🤔

Phil

To change the icon color, use this code:

.woocommerce .woocommerce-info.alert_info .alert_icon{
   color: #b11b15!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dgmaximiliano

great thanks!