Popup dialogue containers?

[HYSTERIA]

Forum URL: all-we-know.proboards.com




I would like to change the background of that, and any popup like that but I can't figure out where to change it.

[CheatAreZee]

Hi HYSTERIA,

If you only want to change the background of the pop-ups, visit your style sheet and then paste in the following at the very bottom:

.ui-dialog { background-color: #ffffff !important; }

Changing the color code to one that suits your needs. With that in place, that should only affect the background of the popups

[HYSTERIA]

That worked, how about if I wanted to change the title background and the text for other forms in popups around the site?





Like the text in the link image form.

[CheatAreZee]

You can change the text color of the forms by visiting the Advanced Styles & CSS visual editor, then navigate to Objects > Forms > Text-Fields > Text and then change the text color there.

For the Title bar background color, add this to the bottom of your style sheet:

.ui-dialog-titlebar { background-color: #FFFFFF !important; }

And that should take care of it

[HYSTERIA]

That worked, thank you, but I already changed the object form text and it didn't change for the popups like the above picture. Also what about changing the font for the title bar? I tried adding "font-family:" and it didn't work. 

[David Clark]

Hey HYSTERIA,

Just for clarification, you're looking to change the text color in these dialog boxes, right? If so, this CSS should do the trick, just add it to the bottom of your style sheet.

.ui-dialog,
.ui-dialog p,
.ui-dialog span,
.ui-dialog div {
color: #FFFFFF;
}

[David Clark]

Just saw your edit - you'll need to add !important after the declaration, like the code Ricky provided above.

An example might be..

.ui-dialog-titlebar { font-family: arial !important; }

[HYSTERIA]

Okay... I tried to use both of those and neither of them worked for me.

to clarify I'm trying to change the place where you type in your links for avatars, and such. And the text for the title bars. It's six caps, I want it to be economica.

[David Clark]

The text color has been changed, you just set it to the default e1e1e1 color so it looks like nothing changed.

For the other issue, try .ui-dialog-title instead of .ui-dialog-titlebar, so

.ui-dialog-title { font-family: economica !important; }

[David Clark]

I see what you're trying to take care of now - the background and text color of the input areas are very close so you can't really see what you're typing. Did you want to change the background color, or text color of that? Either one would work as a solution to the problem.

[HYSTERIA]

The text color.

[David Clark]

Mar 15, 2014 11:12:20 GMT -8 CheatAreZee said:

You can change the text color of the forms by visiting the Advanced Styles & CSS visual editor, then navigate to Objects > Forms > Text-Fields > Text and then change the text color there.

In that case, this section that Ricky specified should work HYSTERIA. I just tried out changing the text color to white and it seemed to work (in the preview, that is) on that same dialog pop-up we've been focusing on.

[HYSTERIA]

I was sure I already changed it there but I guess not. That worked, thanks you guys.

[David Clark]

Sweet. Did we cover everything HYSTERIA?

[HYSTERIA]

For the moment haha.