Pop-Up Transparent Background

[AshleeH]

Forum URL: materiaforum.com

Hello!
I looked for nearly an hour to find the answer to the question but to no avail....
I'm trying to darken the background on the pop-ups so the text on them is easier to read. Currently its transparent and melds with the image behind it like so



Can you help me make it a solid color or make it less transparent?
Thank you in advance!!

[Brian]

Hi, AshleeH .

The dialog windows inherit the colors of your regular containers, so since your containers use a transparent background your dialog windows adopt the same color scheme.

To remedy this add this to the bottom of Themes > Advanced Styles & CSS > Style Sheet to change the background color of the title bar and content area of just dialogs.

.ui-dialog .ui-dialog-titlebar {
    background-color: #000000;
}
.ui-dialog .ui-dialog-content {
    background-color: #000000;
}

[AshleeH]

That helped A LOT!!! Now I'm going to be a little greedy here and ask another question:
What is the code for making the bottom of the dialogue box the same solid color?

I assume it goes along the same lines of .ui-dialog .ui-dialog-bottom { or something of that nature.

Thank you for your quick reply, btw!

[Brian]

Do you have an example of a dialog that contains a bottom section that isn't being colored by the CSS previously provided?

Edit: I found one. Change the second CSS selector from this:

.ui-dialog .ui-dialog-content {

To this:

.ui-dialog .ui-dialog-content,
.ui-dialog .ui-dialog-buttonpane {

[AshleeH]

NEVERMIND!!
I figured it out myself! *pats self on back*
Thanks again for your help!!!!

[AshleeH]

It was:

.ui-dialog .ui-dialog-buttonpane {
background-color: #000000;
}

"buttonpane" was the word I was looking for.

[Brian]

Darn, I just edited my post as well. Glad you figured it out though!

[AshleeH]

May 17, 2016 11:57:04 GMT -8 Brian said:

Darn, I just edited my post as well. Glad you figured it out though!

I'd consider it a tie then!
Everybody wins!!!

Thank you again! You are a gentleman and a scholar!!!