Overriding a module CSS asset from a (child) theme

Exactly as in the previous section of this chapter, still with the whrelaycarrier module, let’s suppose that we would like to change the chosen relay point line background color from green to red in the modal box.

The expected output would look as follows:

Figure 15.4 – The overridden modal box expected new look

For this modal box, the original CSS code is in the /modules/whrelaycarrier/views/css/checkout.css file. Following the same method as presented in the previous section for the templates, if we create a /themes/childclassicwh/modules/whrelaycarrier/views/css/checkout.css file, it will be applied instead of the original CSS for the current childclassicwh child theme.

Let’s create this new file, copy and paste the content of the original CSS file, and replace the #whrelaycarrier_points>div>ul>li.active selector style with this one:

#whrelaycarrier_points>div...