Style "new message" window

[Phil7789]

Hey guys,

maybe someone can help me with a small problem I have with new messages. Usually private messages are written in a popup, but we tried to link directly to write a new message with the link for it (/messenger/compose/to?=X).

We're using a transparent background within our theme so you cannot read the info text as the white background from the popup window is missing:

Is there any possibility to add a new css class or styling to just change the look of this kind of form or is it impossible with the coding as it is?

Thanks in advance,
Phil

[Joy Rex]

You're referring to the labels on each of the input fields?

One thing you could consider is putting a transparent background on those elements (the labels) say white at 75% opacity so your background image shows through, but the label text is still legible.

[Phil7789]

Thanks for the hint!

This is what I wanted the direct link to look like (it's just the default popup window):

I guess I cannot achieve that without screwing around with all popups in the entire community.

Coloring the labels would be a possible solution though. That you cannot see the background when the editor is opened is the desired look within our theme.

[newbie LAC]

Hello,

form[action*="/messenger/compose"] {
    background: #fff;
} 

 

[Joy Rex]

4 hours ago, newbie LAC said:

Hello,

form[action*="/messenger/compose"] {
    background: #fff;
} 

 

I'd go a step further:

form[action*="/messenger/compose"] {
    background-color: rgba(255, 255, 255, 0.3); /*currently 30% opacity; adjust as needed */
} 

You can put this into your custom.css

[Phil7789]

BIG thanks to both of you!

This is a neat CSS "hack". I didn't know that this even works, thanks a lot for the hint. You learn something new every day.

Cheers,
Phil