eMember – Registration form in same style as Avada theme

[FS80]

Hello,

I need a quick fix. I placed the registration form with the shortcode [wp_eMember_registration] using Avada theme on a seperate page. However, I noticed that the button (click to register) isn’t displayed in the same style as my Avada theme. How can I change this?

Another problem I’ve noticed is that when I click inside a field (e.g. for first name/last name), the height of the field changes. I want each field to stay the same height. How can I change this?

Thanks!

FS80

[admin]

This looks like a CSS related issue. Please post a link to your registration page so I can inspect it and give you CSS tweaks for it.

The “height” of the field changing when you click on it would be an issue coming from your theme. They would have applied a style on all input fields which is contributing to this. So you need to contact the theme developer for it.

[billj_5150]

Hello,

I am really hoping you can help me. I am experiencing essentially the same issues as the original poster in this thread.

The button on my login page does not match properly with my Avada theme.

I am also experiencing an identical problem with the height of the fields changing when clicking inside them. I’d want them to stay at the same (50px) height consistently. **EDIT** I figured out how to correct the field height issue by adding the following to the Avada Custom CSS option for that page:

.eMember_text_input:focus { height:50px; background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }

Here is a link to view the log-in page on my site:

[https://tinyurl.com/ybr8zwsb]

I’d greatly appreciate any help you can provide me.

Thanks!

BJ

[billj_5150]

Additional edit to my previous post. I managed to correct the button formatting issue I was having as well. I added the following to my Avada Custom CSS section:

input.eMember_button{

background-color: #fed03d !important;

border: 0px solid #3079ED;

color: #000000 !important;

text-shadow: 0 1px rgba(0, 0, 0, 0.1);

font-size: 14px !important;

font-family: arial;

font-weight:normal;

text-decoration: none;

text-transform: uppercase;

vertical-align: middle;

cursor:pointer;

padding: 3px 30px 3px 30px !important;

margin:5px 0px;

width:auto !important;

}

input.eMember_button:hover{

background-color: #333333 !important;

color: white !important;

}

[admin]

Looks like you have figured out the CSS tweak you need. Let me know if you still need any help with it.

[Author]

Posts