Having a trouble with getting color in a panel set within a popup

  • 1
  • Question
  • Updated 3 years ago
  • Answered
Attached is a pic of the following CSS code is doing:

#colorButton .ui-button {            background: #f06c00;
    padding: .4em 2.1em; 
}
/* Overlays */
.ui-widget-overlay {
background: #005a84 url("images/ui-bg_flat_0_005a84_40x100.png") 50% 50% repeat-x;
opacity: 0.7;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

..... as you can see the panel set in the popup is white I can't seem to find or work out a code that will change the background. I tried all I can think of, any thoughts would be greatly appreciated.

Thanks!!
Photo of Anthony Hare

Anthony Hare

  • 440 Points 250 badge 2x thumb

Posted 3 years ago

  • 1
Photo of Matt Sones

Matt Sones, Champion

  • 31,478 Points 20k badge 2x thumb
You're looking to change the background color of your popup?

I think this is what you want:

.ui-dialog .ui-dialog-content {
background: blue;
}
Photo of Anthony Hare

Anthony Hare

  • 440 Points 250 badge 2x thumb
Awesome thank you it works perfectly! If you have time, what would it look like if they wanted to change the color of the text in the buttons within the popup?
Photo of Matt Sones

Matt Sones, Champion

  • 31,478 Points 20k badge 2x thumb
Anthony,

If you right-click on the button and select "inspect element" you'll be able to see the active CSS in the developer console. You can play around with changes until you find something that you like.
Photo of Irvin Waldman

Irvin Waldman, Champion

  • 9,006 Points 5k badge 2x thumb
As Matt says, right-click and inspect.

ui-button-text

Photo of Anthony Hare

Anthony Hare

  • 440 Points 250 badge 2x thumb
Thanks guys... I got it going!