CSS - How Do I Change the Background Color of a Panel?

  • 21 November 2018
  • 5 replies
  • 68 views

Badge +9

I've tried using a separate CSS class but it doesn't work...


5 replies

Badge +9

Use Background fill color in Panel settings:

221397_pastedImage_1.png

Badge +7

The CSS would be:

fieldset { background-color: rgb(200, 200, 200); }

Or if you prefer to define a class for your panel (e.g. 'foo'):

fieldset.foo { background-color: rgb(200, 200, 200); }
Badge +9

Now how simple was that? I was certainly overthinking it!!!

Badge +9

Very useful to know...thank you!

Badge +7

Just in case others might be searching for this in future, the answer marked as "correct" does not show you how to change a panel's background colour using CSS (as per the subject of the thread). Rather, it shows how it can be done via the form designer toolbar.

So, if you're wanting to know how to change the background colour of a panel using CSS, then refer to my answer above.

Reply