Support » Plugin: Contact Form 7 » Contact Form 7 field and button styles help please

  • 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

Viewing 2 replies - 1 through 2 (of 2 total)
  • 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.

    Thread Starter stevebower

    (@stevebower)

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Contact Form 7 field and button styles help please’ is closed to new replies.