WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: Contact Form 7] "Send" Text in Submit Button (7 posts)

  1. Adam
    Member
    Posted 5 years ago #

    I made a custom button for my form with a background image. This background image already has my "Submit" text on it and works fine. I wish to remove the "Send" text which resides over the background image.

    Thanks!

  2. Takayuki Miyoshi
    Member
    Posted 5 years ago #

    Use [submit " "] instead of [submit "Send"].

  3. alice14nyc
    Member
    Posted 5 years ago #

    This is horrible to ask.
    How can I set up a custom background image for "submit" button?
    Thank you so much for your help.

    Apologize much, found solution in your site::

  4. Takayuki Miyoshi
    Member
    Posted 5 years ago #

    set class to the submit button as [submit class:submitWithBGImage "Send"], and then apply some style for submitWithBGImage class??

    input.submitWithBGImage { some: CSS, here }

    I don't know CSS well, though.

  5. antoniobon
    Member
    Posted 4 years ago #

    How can I change the theme of ajax submit in this style css?

    /* begin Button */
    button.Button, a.Button
    {
    position:relative;
    display:inline-block;
    width: auto;
    outline:none;
    border:none;
    background:none;
    line-height:26px;
    margin:0;
    padding:0;
    overflow: visible;
    cursor: default;
    text-decoration: none !important;
    }

    /*This HACK needed for ie7 (button position)*/
    *:first-child+html button.Button, *:first-child+html a.Button
    {
    display:list-item;
    list-style-type:none;
    float:left;
    }

    .Button .btn
    {
    position: relative;
    overflow: hidden;
    display: block;
    width: auto;
    z-index: 0;
    height: 26px;
    color: #FFFFFF;
    white-space: nowrap;
    float: left;
    }

    .Button .t
    {
    height:26px;
    white-space: normal;
    padding: 0 9px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    line-height: 26px;
    text-decoration: none !important;
    }

    input, select
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    }

    .Button .active
    {
    color: #FFE9E5;
    }

    .Button .hover, a.Button:hover
    {
    color: #050505;
    text-decoration: none !important;
    }

    .Button .active .r
    {
    top: -52px;
    }

    .Button .hover .r
    {
    top: -26px;
    }

    .Button .r
    {
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    right: 0;
    width: 5px;
    height: 78px;
    }

    .Button .r span
    {
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    right: 0;
    width:403px;
    height: 78px;
    }

    .Button .active .l
    {
    top: -52px;
    }

    .Button .hover .l
    {
    top: -26px;
    }

    .Button .l
    {
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    left: 0;
    right: 5px;
    height: 78px;
    }

    .Button .l, .Button .r span
    {
    background-image: url('images/Button.png');
    }

    /* end Button */

  6. exiledesigns
    Member
    Posted 4 years ago #

    Hello,

    [submit "Send" class:bouton]

    I would like to change the "send" text to something else.

    [submit "Senden" class:bouton]

    does not do it.

    Any idea?

    Thank you!

  7. Takayuki Miyoshi
    Member
    Posted 4 years ago #

    @exiledesigns correct order is

    [submit class:bouton "Senden"]

Topic Closed

This topic has been closed to new replies.

About this Topic