oberoibunty said: “please find these line and simply change there.”
If this ends up referring to a theme or plugin’s .css file, this becomes poor advice. While it will work, updates will likely overwrite any changes you make. In such cases, adding overriding CSS to the customizer’s Additional CSS area would be a much better option.
As it is, the applicable CSS is in a style block with attribute id="csseditorglobal" I’m unsure what is generating this element, it is not a standard WooCommerce feature. oberoibunty’s find it and edit it advice might be an acceptable solution here. If you cannot determine this source, you can try using the customizer’s Additional CSS to override it. Depending on where the additional CSS appears in relation to “csseditorglobal”, it may not override unless you include the !important modifier. This modifier is a last ditch solution, using it is considered very poor practice because it throws off all the usual CSS hierarchy rules, making future related CSS adjustments confusing and difficult.
The WooCommerce Colors plugin adds a specific color picker to the customizer for this item, as for several others. Because of the “csseditorglobal” code, this plugin may fail to achieve its purpose for the same reason Additional CSS may not work.
