Forums

Contact Form 7
[resolved] Align input fields horizontally with text (9 posts)

  1. iPT2gGeec
    Member
    Posted 1 year ago #

    I want to make it so that by using Contact Form 7, I can have it look like this:

    Email [input email here]

    ...instead of how it currently is:

    Email
    [input email here]

    How can I accomplish this? Thanks in advance!

  2. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    You will need to add to, or edit, your theme's stylesheet.

  3. iPT2gGeec
    Member
    Posted 1 year ago #

    Okay, so will with I need to add/edit?

  4. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

  5. iPT2gGeec
    Member
    Posted 1 year ago #

  6. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Did you manage to resolve this? I'm seeing:
    Email
    [input email here]

  7. iPT2gGeec
    Member
    Posted 1 year ago #

    No, I am not sure what to change.

  8. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Sorry - my bad. I got your question the wrong way around. Try adding:

    .wpcf7 br {display:none;}

    to the bottom of style.css. But be warned that your changes will be over-written the next time you upgrade WordPress or the theme. For this reason, it is recommended that you consider creating a child theme for your customisations.

  9. iPT2gGeec
    Member
    Posted 1 year ago #

    Thank you so much! This worked!

    One last thing, though. I know I'm probably driving you nuts, but would there now be a way so that all of the input fields are lined up?

    Right now it looks like this:

    Email [input email here]
    First Name [input first name here]
    Last Name [input last name here]
    Address [input address here]

    You can see that the left side of the input fields aren't aligned. Is there a way to line the left sides of the input fields up?

    Thanks for your help thus far.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.