aweber integration contact forms

Hey mcraig77,

Thank you for using Enfold.

Yes, it’s possible. Set up your forms using aweber, provide a link to the page then we’ll apply the css code.

Best regards,
Ismael

Hi,

Please use the following css codes.

.field-wrap button, .field-wrap input[type=button], .field-wrap input[type=submit] {
    width: auto;
    background-color: #c3512f;
    color: #ffffff;
    border-color: #a1300d;
    margin: 0;
    padding: 9px 15px;
    border-radius: 2px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-weight: normal;
    font-size: 0.92em;
    min-width: 142px;
    outline: none;
}

Adjust the values as needed.

Best regards,
Ismael

Hi,

1.) Add the following css properties to remove the “border”.

box-shadow: none;
    border: none;

2.) Use this code to change the hover state.

.field-wrap button:hover, .field-wrap input[type=button]:hover, .field-wrap input[type=submit]:hover {
    background-color: red;
    color: blue;
    border-color: orange;
}

3.) Use this code to change layout of the fields on smaller screens.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .nf-form-cont .one-fourth {
      width: 90%;
      margin-left: 0;
      margin-bottom: 5px;
  }
}

Best regards,
Ismael

Hi,

Please make sure that the css modifications are correct. Check for missing curly braces and semicolons or post the login details here so that we can add the css code correctly.

Best regards,
Ismael

Hi,

That’s what the css code is for or supposed to do. Please post the login details in the private field. We’ll add it.

Best regards,
Ismael

Hi,

We edited/cleaned the css modifications in the Quick CSS field. Please move all css media queries at the very bottom. We also added the !important rule in the contact form’s css modification to give it more priority. Please remove browser cache or hard refresh before checking the page.

Best regards,
Ismael