SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Guru
    Join Date
    Feb 2006
    Posts
    980
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Contact Form 7 plugin - customize send button

    Can I customize the "send" button using my own image on the contact form 7 plugin? If so, not sure which contact form 7 file to edit nor how to do that. Thanks so much!

  2. #2
    SitePoint Wizard rguy84's Avatar
    Join Date
    Sep 2005
    Location
    Durham, NC
    Posts
    1,659
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    Sure, use CSS! See Submit Button set a id or class for the button. Write a CSS for that class or ID
    Ryan B | My Blog | Twitter

  3. #3
    SitePoint Guru
    Join Date
    Feb 2006
    Posts
    980
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Ryan. It doesn't show how to use a custom image, though. Or, am I missing it?

  4. #4
    SitePoint Guru
    Join Date
    Feb 2006
    Posts
    980
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ah ha....in case anyone is reading this and wants to know, the directions RefreshGFX (and Dynamoash) posted totally explains: WordPress › Support [Plugin: Contact Form 7] custom submit button.

    A couple of things that may be helpful:

    If you don't want to use FTP, to get to the style sheet, go to Plugins > Contact Form 7 > Edit > contact-form-7/styles.css from the list of files on the right (as of June 2011 this it is styles.css not stylesheet.css as Refresh stated).

    Question:
    Does anyone know how to remove the "Submit" text? I wanted to use a button that already had the text on it. Thank you!

  5. #5
    SitePoint Wizard rguy84's Avatar
    Join Date
    Sep 2005
    Location
    Durham, NC
    Posts
    1,659
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    well for your contact form (or whatever) you use:
    Code:
    [submit id:contact "Contact Me!"]
    Which is like
    HTML Code:
    <input type='submit' id="contact" value="Contact Me!"/>
    Then open up style.css
    Code CSS:
    input#contact{
     background: ...
    }

    Does anyone know how to remove the "Submit" text? I wanted to use a button that already had the text on it. Thank you!
    In regular HTML or Contact form 7?
    Ryan B | My Blog | Twitter

  6. #6
    SitePoint Guru
    Join Date
    Feb 2006
    Posts
    980
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okay, thanks!

    Remove the "Submit" text in Contact Form 7.

  7. #7
    SitePoint Wizard rguy84's Avatar
    Join Date
    Sep 2005
    Location
    Durham, NC
    Posts
    1,659
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    Is that a question or statement
    Ryan B | My Blog | Twitter

  8. #8
    SitePoint Guru
    Join Date
    Feb 2006
    Posts
    980
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Oh....I was replying to your last question. You asked: "In regular HTML or Contact form 7?"

    I responded: "Remove the "Submit" text in Contact Form 7".

  9. #9
    SitePoint Wizard rguy84's Avatar
    Join Date
    Sep 2005
    Location
    Durham, NC
    Posts
    1,659
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    Oh sorry.
    Well in
    Code:
    [submit id:contact "Contact Me!"]
    Contact me is the button text. Simply remove it?
    Ryan B | My Blog | Twitter

  10. #10
    SitePoint Guru
    Join Date
    Feb 2006
    Posts
    980
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah, I tried that but it didn't work. I just "erased" the Submit on the custom button and used the submit from the system since I couldn't find where it was coming from.

  11. #11
    SitePoint Wizard rguy84's Avatar
    Join Date
    Sep 2005
    Location
    Durham, NC
    Posts
    1,659
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    I don't know since I never used this plugin
    Ryan B | My Blog | Twitter

  12. #12
    SitePoint Enthusiast lkagan's Avatar
    Join Date
    Sep 2007
    Location
    Boca Raton, Florida
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Sculley View Post
    Question:
    Does anyone know how to remove the "Submit" text? I wanted to use a button that already had the text on it. Thank you!
    I see this thread is really old but hopefully someone else searching will find this solution. Just supply a space for the text value in CF7.
    [submit " "]
    Larry Kagan
    Lead Web Application Developer
    Superiocity, Inc.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •