WordPress MU

Wondering if anyone has a nice example of some basic styling for the confirmation message displayed to new signups in WPMU? I don't believe the .widecolumn class has anything additional applied here and the result is a message that appears a bit messy. :)

It's styled for Kubrick, so I normally add the .widecolumn to the theme I'm using on the main blog. :)

andrea_r

I have the .widecolumn added to my theme as well and made adjustments there to fit my lefthand column (thanks for your post on this btw).

However, I'm talking about the actual message that gets displayed as seen below when someone signs up for a user account (plus the corresponding message displayed after you've activated your account):

"tester1 is your new username
But, before you can start using your new username, you must activate it.
Check your inbox at tester1@email.com and click the link given.
If you do not activate your username within two days, you will have to sign up again."

In any theme I've used this message comes back with no padding and crammed up in the top left corner while the text is in about 8pt font. I was just wondering if anyone had styled this and had a sample.

Thx

Man, you just reminded me I forgot to do this on my site when I changed themes...

Got firebug?

Yes I do...

You have to add the styles to a function and hook wp_head with a priority of 99. Otherwise, the styles in wp-signup.php override your css.

andrea_r

Anything to add to wpmuguru? 8)

Not yet... I'm on his good side today. ;P

Oh hey, we wrote a little plugin that may help.
http://wpmututorials.com/plugins/style-your-signup-page/

This way, you can edit the plugin (if needed) instead of the theme. :D Give it a spin?

Nice! I've raised this issue a few times here but I guess no one saw it as a big issue. I think styling a welcome message to new users is a very big issue because first impressions mean everything. :)

I'll report back...

andrea_r

Did you style the message indicating your new account, etc. as described above because it hasn't changed on my install (P2 theme, mu-plugins). Or, am I to style it from the default (thinking I now know the answer).

I tried an existing email and got a nice error message though. :)

Looking specifically to style the confirmation message:

<h2>"tester1 is your new username</h2>
<p>But, before you can start using your new username, you must activate it.</p>

Changing "line-height" is working for me, but .widecolumn .entry p { font-size: 1.05em;} is having no effect for me unless I'm missing something.

For me .widecolumn p { font-size: 1.05em;} works fine on the primary signup message, but after you've activated your account the resulting message is not affected. I guess it's a matter of figuring out the other classes affecting those messages.

Thanks to you both for working on this!

yeah, some of that is nested deep. Might have to stick a !important on it.

The CSS added to the plugin doesn't get added to the activation page (wp-activate.php).

Copy the last add_action line and change the 'signup_header' to 'activate_header'.

I think we got it, Ron.

Sweet. I'll have to remember to add that to the plugin.