how to change notification color

dabaitey · May 2018

We change the colour of everything and can't able to find the option to fix the blue notification on this page.

https://www.justhairdo.com/product-category/hair-bundles/brazilian-hair/

We tried below css with custom CSS but it's not working

.woocommerce-error.alert, .woocommerce-info.alert,

.alert_icon {

background: #9c4d72;

}

.alert_info {

background: #9c4d72;

color: #fff;

}

Bryan · May 2018

HI,
sorry but we do not have any options to change the colors of the woocommerce plugin.
We only make it work properly with the theme.

The css you wrote should work fine, try adding !important to each statement.
thanks

dabaitey · May 2018

We tried everything and also with !important but nothing is working.

The color is coming from betheme/css/shortcode.css and not from any other plugin. We don't want to edit theme css files. It's defined in shortcode.css at line 308 and 309. Please see the screenshot attached below problem is that theme custom CSS is not overriding it.

https://prnt.sc/jfcqmy

.alert_info{background:#9c4d72 !important;color:#fff}

.alert_info .alert_icon{background:#9c4d72 !important}

.alert_info a,.alert_info a:hover{color:#9c4d72 !important}

Problem is when another user in the forum can do and you can provide support then why it is not changing for us. If you need Wordpress back-end details so please advice we can share that also to check.

Some below reference where the user can change but not change for us:

https://forum.muffingroup.com/betheme/discussion/comment/108747/

https://forum.muffingroup.com/betheme/discussion/comment/86333/

https://forum.muffingroup.com/betheme/discussion/comment/84440/

Bryan · May 2018

We only stated that this is not changeable inside the theme options, you did not ask us about writing custom css for your woocommerce installation.

As you can see the css you provided, works : http://prntscr.com/jfma5k
It does not work in your page because you have an error in your custom css, an unclosed bracket and all css after that one will not work. http://prntscr.com/jfmanf

The css is loaded from our shortcode.css because we implement the plugin css into ours so there are less files to load.

dabaitey · May 2018

We are really sorry for being so rude. It's our fault.

CSS worked after adding the bracket. Again sincerely apologies.

Bryan · May 2018

No problem

how to change notification color

Comments