- This topic has 2 replies, 2 voices, and was last updated 11 years, 3 months ago by
.
-
Posts
-
I would like to change the appeareance of the Reset and Close buttons on the Reset Password page that is brought up when you click on the forgot passwod link. I have had success with the Reset button and got the appearance and the funtionality that I wanted but have failed miserably with the close button.
Reset button
I found the following code for the appearance of the Reset button on the style.css page of the TwentyTen style sheet on:
line 147
input[type=”submit”] {
font-family: “Helvetica Neue”, Arial, Helvetica, “Nimbus Sans L”, sans-serif;
}
and on line 1044
input[type=”submit”] {
color: #333;
}
I placed the following code into the eMember_custom_style.css file
input[type=”submit”] {
color: black;
font-size: 24px;
padding-left: 12px;
font-family: Times New Roman;
font-weight: bold;
background-image: url(‘http://bestfriendtraining.com/wp-content/uploads/2011/12/e- Member-Button.png’);
width: 170px;
height: 85px;
border: 3px transparent;
line-height: 18px;
}
and the appearance of the Reset button changed to what I desired and it still remained funtional in all browsers.
Close Button
I am unable to find the proper code to change the code for the close button.
Thinking that input[type=”button”] was the right direction I tried placing the following code into the eMember_custom_style.css file, but it did not work.
input[type=”button”] {
color: black;
font-size: 24px;
padding-left: 12px;
font-family: Times New Roman;
font-weight: bold;
background-image: url(‘http://bestfriendtraining.com/wp-content/uploads/2011/12/e- Member-Button.png’);
width: 170px;
height: 85px;
border: 3px transparent;
line-height: 18px;
}
How can I make the appearance changes that I want to the Close button??
Thank you for your assistance.
Hi,
Try putting the following in your custom css file:
#emember_forgot_pass_prompt_close_btn {
color: black;
font-size: 24px;
padding-left: 12px;
font-family: Times New Roman;
font-weight: bold;
background-image: url('http://bestfriendtraining.com/wp-content/uploads/2011/12/e- Member-Button.png');
width: 170px;
height: 85px;
border: 3px transparent;
line-height: 18px;
Thank you it worked out exactly the way I wanted.
when I used the input[type=”button”] in my custom code all of the input buttons in the back end of my site changed also (I didn’t realize that at the time of the post) but using the hint you gave me to use emember_forgot_pass_prompt_close_btn I changed the code in my file from, input[type=”button”] to wp_emember_email_doSend in my custom file and the reset button stayed the same and the buttons in the back end of my site changed back.
Thank you for your timely help
- You must be logged in to reply to this topic.