WordPress.org

Forums

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

  1. stevebower
    Member
    Posted 4 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 4 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 4 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

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic