Form Changes Image Display When Added to Page

[Pianosaurus]

Hi there

As soon as I add the WP eMember registration form to a page it affects the padding or margins of all the images on that page so that they appear smaller.

Is there a CSS tweak I can apply to fix this?

Here’s a link to a page with the registration form with one image that has been effected:

Become a Member of the Music Teacher Resource Library

When editing the page with WPBakery Page Builder I can see that the image has more padding/margin (it looks like an extra 10px 20px at a guess). This extra padding/margin disappears as soon as the registration form is deleted from the page.

I’ve currently added the following to WP Custom CSS Settings to modify the appearance of the button:

.eMember_button {

background: #f2c649;

color: white;

font-size: 16px;

font-family: Open Sans, serif;

vertical-align: middle;

cursor: pointer;

}

.pure-button {
font-family: inherit;
font-size: 100%;
color: #ffffff !important;
padding: 1em 2em !important;
border: 0px solid !important;
border: none !important;
background-color: #f2c649 !important;
text-decoration: none;
border-radius: 0px !important;
transition: none !important;
}

.pure-button-active {
box-shadow: none !important;
border: none !important;
transition: none !important;
background: #f2c649 !important;
}

#wp_emember_loginForm .register_link{
display: none;
}

#wp_emember_regoForm #wp_emember_member_level {
display: none;
}

Thanks for your help

[Author]

Posts