CSS problem on registration form for Color Mag theme

#1

I am using the pro version of the plugin on a pro Color Mag Wordpress theme. I have identified what is causing the sidebar on this form to appear blue instead of the same green as in the logo, which is what the rest of the site is styled with: https://shoestringcollective.com/wp-login.php?action=register

No matter what I have tried in terms of custom CSS, clearing cache etc., the sidebar stays blue. Should I forget about it and just look for a plugin that will give me control over the form CSS more than what s2Member will let me do, or what am I missing? Yes, it’s just a bar, but it’s driving me nuts.

Thanks in advance for any insights.

#2

That the default WP login page. s2Member doesn’t have any control over that message.

Try adding this to your (child) theme’s style.css file or to a CSS plugin:

.message {
    border-left: 4px solid green;
}

That will work as stated, but you can also replace green with the hex or rgb code for whatever shade of green you want.

#3

Thanks, I have tried that already. Nothing happens. Thanks for responding!

#4

It works for me. (I tested before posting.) Where are you putting the CSS and how are you testing it?

#5

I identified the CSS in FF Developer edition. I now know that it lives
in login.css, but even changing it there does nothing. I have added it
there, I have added it in style.css, cleared the cache in Chrome and
then logged back in. The form still displays the same blue border. I
mean, if s2Member can take over parts of the form, why not this part?
Makes no sense. I can style the logo, but not this.

#6

I’d rather be rid of the border than leave it, to be honest. It’s
driving me nuts at this point.

#7

Actually, it makes perfect sense if you are a developer. Maybe it’s irritating for you, but that’s not the same thing.

Try this:

.login .message  {
    border-left: 4px solid green !important;
}

Do NOT put this in login.css. Put it in either of the two places I said before.

#8

Thanks, I’ve done that already as well. I think what I probably need to
do is build a child theme and style it that way. I found an article
about it.

#9

FYI, that was the solution. Make a child theme, add an extra style,
modify the respective files. A lot of bending over backwards, but I
learned something. :slight_smile: