Question

I’m developing a Grails app and I need to modify some elements’ style. I tried to add a css class to the main.css file but it is not working.

In /web-app/css/main.css:

.artistItem {
   background-color: #444;
   border: 1px solid #fff;
   padding: 10px;
   color: #ccc;
   width: 200px;
}

In the .gsp:

<div class="artistItem">Some text</div>

But the div remains unchanged. Am I missing something?
Thanks!

Answer 1

Try:

.artistItem {
   background-color: #444 !important;
   border: 1px solid #fff !important;
   padding: 10px !important;
   color: #ccc !important;
   width: 200px !important;
}

If that works, then you know there is another css stylesheet overriding it. If not the css is not being included properly.