WP-Members: Membership Framework
[resolved] member login layout is not proper! (8 posts)

  1. kitty_kumar
    Posted 3 years ago #


    I am using WP-members 2.8.1. The login screen layout has one problem. The second row is shifted to the right and consequently the rest of the rows are also shifted on the right side. Pl. see the link.


    Is there something wrong in my page or did I miss any plugin consiguration? pl help.

    Thanks in advance


  2. Chad Butler
    Plugin Author

    Posted 3 years ago #

    I would start with trying some of the other stylesheets. There are a total of four included with the download (with the ability to add your own custom stylesheet). The default stylesheets can now be selected by dropdown in the plugin's options.

    There is quite a bit of information beyond this in the Users Guide (see: http://rocketgeek.com/plugins/wp-members/users-guide/customizing-forms/).

    In looking at what you have on your site, I think you probably need to focus on width of the elements (your content area is more narrow than the sum total width of the form elements).

  3. kitty_kumar
    Posted 3 years ago #

    Hi Chad,

    Thank you very much for your quick reply. I tried all your suggestions:

    1. The problem persist with all 4 default stylesheets
    2. The user guide was not of much help to me as i am not a developer and cannot do html coding
    3. I am using the colorway theme from inkthemes and wordpress 3.4.2. I tried increasing the width of the content area by using colorway support. But the problem still persist. content area width doesn't seem to be inhibiting in this case.

    Actually, it was working fine with your earlier version. It started only after I updated wp-members to the new version.

    Is there any other hints you can provide me to solve this issue?

    Many thanks in advance

  4. Hassan
    Posted 3 years ago #

    Hey kitty_kumar,

    I've checked and figured that you're using the 2011 theme for WP-Members. Copy that file from the plugin directory to your theme's root directory (if you havn't already), then open it in a text editor and search for the following CSS declaration (you'll find it at line 133):

    #wpmem_reg label.text, #wpmem_reg label.checkbox,
    #wpmem_reg label.textarea , #wpmem_reg label.select,
    #wpmem_login label

    Now just change the "height" value from 35px to 30px.

  5. kitty_kumar
    Posted 3 years ago #

    Dear Hassan,

    Thank you very much for volunteering to help me.

    In the WP-Members plugin directory, I came across the following files. Could you pl. let me know which file should I select to make the suggested change. And should I copy it or move it to the theme directory?

    many thanks


  6. Hassan
    Posted 3 years ago #

    From the plugin directory go to the folder > css > wp-members.css

    You'll need to COPY the wp-members.css file NOT move it.

  7. kitty_kumar
    Posted 3 years ago #

    Hi Hassan,

    In the meantime, I researched and found the wp-members-2011.css in the ...plugin/wp-members/css folder. I have changed the height value as suggested and saved there itself (did not move it to themes directory)

    The problem is solved. The layout is perfect now! Thanks a ton for your support!!!

    warm regards

  8. Hassan
    Posted 3 years ago #

    Glad to help.

    But note that your changes to that file will be lost if/when the plugin gets updated, that's why I suggested you copy the css file to your theme directory to preserve the changes you've made.

    You can just select all and copy the code from the file you just modified, create a new file in your theme's directory (MUST be named wp-members.css) then paste your code there and save the file.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WP-Members: Membership Framework
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic