WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
Contact Form 7 field and button styles help please (3 posts)

  1. stevebower
    Member
    Posted 3 years ago #

    Hi
    I am a CF7 newb & have 2 main glitches:
    1) How do I style the buttons (the widget admin doesn't work)
    2) How do I close up the gap in the form between the fields

    I am not too familar with css - if a style is needed, could you advise the exact code.
    Ta

  2. webjunk
    Member
    Posted 3 years ago #

    1) You would edit the Styles.css location in the plugins directory. Think you will have to add a section inot it like:
    div.wpcf7-submit
    {
    color: #ff0000;
    background-color: #CC0000
    }

    2) If you are using the form as default to close the gap just remove the space in the FORM. so default will look like:

    <p>Your Name (required)<br />
        [text* your-name] </p>
    <p>Your Email (required)<br />
        [email* your-email] </p>

    Notice the empty lines are now gone.

  3. stevebower
    Member
    Posted 3 years ago #

    It didn't work out exactly, I'm afraid.
    I removed the spaces between the feild & that closed it up some, I then took out the p & br tags & that was better. I still though have a large gap AFTER the submit button, which as it is midway in the page looks wierd. Does it have padding anywhere?

    The sumbit styles didn't work at all. I put in the styles.css of CF7 folder. I'm using 2010 theme, if that overrides anything.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic