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).
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
Krishna
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.
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
Krishna
wp-members-core.php
wp-members-deprecated.php
wp-members-dialogs.php
wp-members-email.php
wp-members-install.php
wp-members-register.php
wp-members-sidebar.php
wp-members-tos.php
wp-members.php
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.
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
Krishna
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.
