Change section background colour

Labels

This Discussion is public

Notifications

I'd like to change the background colour of particular sections on my form to help make it clearer. I've tried doing this by adding custom CSS for #frm_form_25_container but this doesn't seem to do anything, and I can't find anything specific about this in the documentation.

Add a simple and semantic class to the section css classes block. Something like "section_bg_blue" or "section_blue" works well. Add the class css ".section_bg_blue {background-color: blue}" to an externally loaded stylesheet.

Doing it this way allows you to reuse the class for other section blocks and keeps the maintenance easy.

Also, make sure there isn't another css rule overriding your own. Might also be the issue.

Ah brilliant thank you! I wasn't sure whether adding my own custom CSS classes in that block would work!

Discussion closed.