Can't figure out what classes I should editing

Hey! I want to do some customization on my "protected content" page. Anyways, I can do the customizations myself, I just need help to find the classes that I should editing. I found the class to "please log in to access the page" (.ms-alert-box.ms-alert-error) but thats it. here is the page: http://store.marbergs.com/protected-content/?redirect_to=http%3A%2F%2Fstore.marbergs.com%2Fclient-dashboard%2F

1: I want the class for "protected content title", I actually want to remove it.
2: I also want to change the text for "The content you are trying to access is only available to members. Sorry."
I just want to keep the blue square!
3: Margin button on everything, so there is no white space on the top if it is possible.
4: Please help me find the classes for the login fields, I want to do some customizations like more width and so on.
5: would be great if I could change size on "lost password?" too.

I am trying to learn css editing. I am using google inspector and it works pretty well. I would appreciate if you could just tell me where you found all the classes...
I am tired of wasting your time on some simple css editing thats why I want to learn it myself :slight_smile: And also to get of effective ^^

Thanks for being so helpful!

Great regard
Marcus

  • Kasia Swiderska

    Hello Marcus,

    1: I want the class for "protected content title", I actually want to remove it.

    This is standard title of article, so it has the

    .entry-title

    class. You would need to combine it with the body class for this page:

    .page-id-91 .entry-title {display: none;}

    2: I also want to change the text for "The content you are trying to access is only available to members. Sorry."

    If you want to change it, you can do that by editing it in Membership 2 Settings -> Protection Messages. And there it should be removed.

    3: Margin button on everything, so there is no white space on the top if it is possible.

    Not sure what is "Margin button on everything" - can you show me on screenshot what do you mean by that?

    4: Please help me find the classes for the login fields, I want to do some customizations like more width and so on.

    Login fields have their own IDs: #user_login, #user_pass - their wrappers have classes: .login-username and .login-password. Please, see the screen.

    5: would be great if I could change size on "lost password?" too.

    Please, use this code:

    #loginform .lost {font-size: 12px;}

    I would appreciate if you could just tell me where you found all the classes...

    As you can see from the screen, you can find classes using browser inspect element tool. It is very handy.
    You can check this tutorial about selectors in CSS http://www.w3schools.com/cssref/css_selectors.asp

    Kind regards,
    Kasia

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.