Support » Plugin: s2Member Framework (Member Roles, Capabilities, Membership, PayPal Members) » Registration/Login page logo alignment?

Viewing 15 replies - 1 through 15 (of 17 total)
  • Hi Patricia,

    Your CSS needs adjusting, change :
    .login h1 a {
    margin: 10px 63px;

    to :
    .login h1 a {
    margin: 10px 0px;



    I’ve dug through the CSS files of both the S2Member plugin and my main theme, and I can’t seem to locate the above code in order to adjust it.

    Do you mind pointing me in the direction of where I might find/edit that particular portion of CSS?

    Thank you again! I really appreciate the help! 🙂

    LOL – I just discovered Chrome’s “inspect element” feature (well, that’s embarrassing – does that mean everybody in the world can see my code and update history?!!)

    Anyway, I found the “10px 63px” note that you mentioned, but I’m not quite sure how to adjust that.

    As a side-question (if you don’t mind my asking), with Chrome’s helpful features (inspect element, developer’s tools, etc.), is my code able to be manipulated by anybody who checks it?

    Thanks again! I’m trying my hardest, but when I get super stuck on something it’s really nice that people are willing to help. Hopefully I’ll get proficient enough to ‘pay it forward’ someday! 🙂



    Forum Moderator

    does that mean everybody in the world can see my code and update history?!!

    See? Yes
    Change? No

    Haha thanks! Good to know 🙂

    Do you have an extra plugin installed that changes the login logo?

    I don’t believe so…

    It may be the CoachPro theme. I believe it allows for changing the login logo (since I can see Logo-Sample-Small.jpg also loads on this register page).

    Ya, I originally tried a workaround by putting the “small” logo as a background image in the upper left (matching my homepage, and avoiding the awkwardness of being not-quite-centered), but I found that it did not translate well to mobile version. I’d much rather be able to put the info in the logo area so that it looks clean cross-platform.

    I’ve emailed Presscoders to see if they can point me to the magic code area in the CSS editor. 🙂

    Thanks again!

    When I follow Warren’s advice (change the 63 to 0), in Element Inspector, it works! I just don’t know where to find that same line of code in my own CSS to make the change permanent. : /

    That is likely changed by the theme. PressCoders should be able to give you that advice.

    ruh roh! : /

    “Not Acceptable!

    An appropriate representation of the requested resource could not be found on this server. This error was generated by Mod_Security.”

    That sounds like a webhost issue.

    Can you not simply override this CSS by entering your own?

    If you using a child theme, you should be able to do this in your child theme’s style.css file. If you’re not using a child theme, then download, install, and activate the Simple Custom CSS plugin.

    In either case, the code you will need to override this CSS is either:

    .login h1 a {
        margin: 10px 0;

    i.e., that given by WarrenSports but with a closing brace or, if that still doesn’t work, then this should:

    .login h1 a {
        margin: 10px 0 !important;

    The big advantage of changing the CSS by either of these methods is that it will not get changed back again if you update your theme.

    Thank you all for your help! I’m still trying to figure this out, lol, this is definitely the longest ‘block’ I’ve ever dealt with. It’s really silly (I know). I’ve taken a little break from the issue to work on something else so I can return with a fresh set of eyes.

    I have put the .login h1 etc. into the custom CSS and can’t seem to override it, even with “!important” added. I’ve had a few emails with my theme’s support and while they had suggestions, I think it was a little over my head.

    For the time being I think I’ll just move fwd with the website as is, and hopefully as I become more proficient with WordPress I’ll be able to go back and align my logo.

    If, in the meantime, anyone has a complete work around (such as a plugin suggestion for a login page that is compatible?), I’m definitely open to hear it!

    Thank you!! 🙂

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Registration/Login page logo alignment?’ is closed to new replies.