WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
[resolved] Submit Button Change Text (9 posts)

  1. kasunagi
    Member
    Posted 2 years ago #

    Hello.
    I am sure that this is an easy fix, but I am not sure how to change the text in the existing box? I just want to change 'submit comment' to something else.

    Would appreciate any guidance.

    thanks!

    http://wordpress.org/extend/plugins/contact-form-7/

  2. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    Are you talking about a comment form, not a contact form? If so, it should exist in your theme's template file.

  3. bkdabrowski
    Member
    Posted 2 years ago #

    There is a label element in the maker, which just puts the label in quotes in the shortcode.

    [submit "Send"]

  4. kasunagi
    Member
    Posted 2 years ago #

    I've changed that label element to : [submit"Send Request"] and it still says "Submit Comment" in the submission button. This is all edited in the Contact Form generator page...
    Is there something else I can try?

    thanks!

  5. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    I guess you're editing wrong place. Where can I check the page?

  6. kasunagi
    Member
    Posted 2 years ago #

  7. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    http://www.relationshipcounselingcenterlongbeach.com/wp-content/themes/seso/css/style.css
    Line #333

    .wpcf7 input[type=checkbox]{color:#666; margin: 2px 10px 5px 0px; padding:10px; background: #f3f3f3 url(../images/comment-bg.jpg); border: 1px solid #ccc; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow:0 0 5px rgba(51,51,51,0.15); -webkit-box-shadow:0 0 5px rgba(51,51,51,0.15); -box-shadow:0 0 5px rgba(51,51,51,0.15); -webkit-background-clip: padding-box;width:auto;}
    
    .wpcf7 input { width: 50%; color:#666; margin: 2px 10px 5px 0px; padding:10px; background: #f3f3f3 url(../images/comment-bg.jpg); border: 1px solid #ccc; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow:0 0 5px rgba(51,51,51,0.15); -webkit-box-shadow:0 0 5px rgba(51,51,51,0.15); -box-shadow:0 0 5px rgba(51,51,51,0.15); -webkit-background-clip: padding-box;}

    It's just an image background.
    http://www.relationshipcounselingcenterlongbeach.com/wp-content/themes/seso/images/submit-comment.png

    The text is correctly "send request".

  8. kasunagi
    Member
    Posted 2 years ago #

    Miyoshi-san -

    Didn't even think to check that there was a static image...

    ARIGATO!

  9. lindaloustarr
    Member
    Posted 1 year ago #

    Hi :>)
    Am having an issue with getting the form button to look good, at present time we have the contact form on this page http://lorenrobin.net/contact/ in full page width set to 550px - here is current code we need to shrink the send button down, change the background color to match site colors & hopefully know where to change the wording on the button - thank you so very much for your kind reply, you are greatly appreciated :>)

    .wpcf7-form input {
    height: 25px;
    width: 550px;
    border-color: #673257 !important;
    }

    .wpcf7-textarea {
    width: 550px;
    border-color: #673257 !important;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic