Tips and Tricks HQ Support Portal › Forums › WP eMember › WP eMember Tweaks › Modify display of registration and login forms…
Tagged: login form, modify form, registration from
- This topic has 14 replies, 5 voices, and was last updated 12 years, 8 months ago by Conrad Farlow.
-
AuthorPosts
-
October 12, 2010 at 3:38 am #2009pulakiMember
I wish to slightly modify the login and registration form pages (add cell spacing and padding, etc.) Where can I find the code that contains the actual forms – I am unable to find it.
Thank you kindly,
Cynthia-
October 12, 2010 at 7:07 am #25297amin007ParticipantLook for the “eMember_reg_form” function in the “eMember_misc_functions.php” file for the actual PHP code. The CSS file is located in the “css” directory of the plugin. The file name is “eMember_style.css”
October 12, 2010 at 8:23 pm #25298pulakiMemberThank you kindly….. I have been looking all over.
March 20, 2012 at 1:11 am #25299Conrad FarlowMemberHello has this function been moved? I cannot find it in “eMember_misc_functions.php”
March 20, 2012 at 3:10 am #25300Conrad FarlowMemberHave a look at the following link please:
[http://www.abftest.co.uk/wp-content/uploads/images/eMember_widget_padding.png]
I would like to move the section highlighted down using padding but I cannot find where these hyperlinks are generated.
As you can see I am making progress.
Regards
March 23, 2012 at 2:37 am #25301Conrad FarlowMemberMay I bump this? It has been almost 3 days now.
If you could just tell me where the hyperlinks are generated, I will figure out how to add some suitable alignment. I do not want to use my theme css as it has other dependencies.
Regards
Conrad
March 23, 2012 at 11:35 pm #25302adminKeymasterYou should be able to add something like the following in eMember’s customer CSS file to add some padding:
li.eMember_logged_widget{padding-top:10px;}
If that doesn’t work then feel free to tweak the code. You can find the login widget’s function in the “eMember_auth_utils.php” file. Look for the following function:
eMember_login_widget
March 25, 2012 at 2:57 pm #25303Conrad FarlowMemberHi the custom CSS method didn’t work and as I don’t know the correct syntax for php output I got what I wanted by changing line 280 to
$output .= '<p><li><a href="'.$logout.'">'.EMEMBER_LOGOUT.'</a></li>';
This looks perfect but I am concerned that there is no
</p>
anywhere in the code which must be wrong? I don’t want<p></p>
for each line of output because that looks wrong. How should I be doing this?Regards
Conrad
March 25, 2012 at 3:03 pm #25304Conrad FarlowMemberWell even using “code /code” in square brackets I can’t get that to display correctly!
So basically I put <p> at the beginning of line 280 in eMember_auth_utils.php, it looks perfect but I know that it is poor code.
March 25, 2012 at 11:24 pm #25305adminKeymasterThere is nothing wrong with adding paragraph tags where you need. Any of the following will work fine (see where I put the ending paragraph tag):
$output .= '<p><a href="'.$logout.'">'.EMEMBER_LOGOUT.'</a></p>';
or
$output .= '<p><li><a href="'.$logout.'">'.EMEMBER_LOGOUT.'</a></li></p>';
March 26, 2012 at 12:40 am #25306Conrad FarlowMemberHi I knew that I could do that for that line but if I do then the subsequent My Secure RSS and Edit Profile hyperlinks are not formatted correctly. If I add paragraph tags to all three of these lines then the links appear with large vertical spaces in between. If I add the <p> tag to line 280 as you have suggested above but do not add the </p> tag then the display is exactly as I want it.
All I want to do is add some vertical space to the start of this block of hyperlinks. So how would I do that immediately above line 280. As memberships never expire on my site I have commented out lines 272-279.
I tried to add a line break tag to the beginning of line 280 but don’t know and could not figure out the correct syntax. I couldn’t find an example where this had been done before a hyperlink in the code.
While I have a solution I don’t like it because I know it is what we call a ‘bodge’ in the UK.
Regards
Conrad
March 26, 2012 at 12:43 am #25307Conrad FarlowMemberBy the way why does
Code:not work? How did you format the code insert above?
March 26, 2012 at 2:59 am #25308PeterMemberUse <> brackets instead of [] and your code should display properly in the forum. or use backticks (`) around the code block.
March 26, 2012 at 6:49 am #25309adminKeymasterYou can use an inline style like the following so that you can add margin or padding to add some space without using a list or paragraph tag:
$output .= '<div style="padding-top:10px;"><a href="'.$logout.'">'.EMEMBER_LOGOUT.'</a></div>';
March 26, 2012 at 8:11 am #25310Conrad FarlowMemberPerfect, thanks very much.
-
AuthorPosts
- You must be logged in to reply to this topic.