CSS box outline for Email input field

Viewing 3 replies - 1 through 3 (of 3 total)

  • The CSS tag for the email field is set to border:none.

    Have you done any CSS overrides (custom CSS)?

    Can you cut and paste the content of your Contact Form 7 form so we can take a look at it?

    A quick and dirty fix would be to wrap your Email Before Download short code tag in a div statement and then use a CSS override to set the border. Something like:

    <div class=”fixitquick”>
    [email-download download_id=”xxx” contact_form_id=”xxx”]
    </div>

    Then use a custom CSS plugin (e.g., PC Custom CSS) and add a statement to match the border on the “Your Name” field:

    .fixitquick input[type=email] {
    border: 1px solid #e0e0e0;
    }

    But I may be getting the impression that this is just a Contact Form 7 question. Are you actually trying to download a file or just send them an email? If latter, should probably post this on Contact Form 7 forum.

    Thread Starter ralphcochrane

    (@ralphcochrane)

    Thank you! I’ll give your suggestion ago.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS box outline for Email input field’ is closed to new replies.