Latest version problems with image as send button

  • Resolved jswilko

    (@jswilko)


    12 years, 9 months ago

    Hi

    Since I’ve updated Contact Form 7 to the latest version (3.5.1) I’m now getting the word ‘Send’ over the top of the button images that I use to send the completed form.

    Below is the code I use in code I’m using for the button image in CF7:

    <div style=”float: left; width: 100%;”>
    <p style=”padding-left: 314px;”>[submit class:submitbutton ” “]</p>
    </div>
    <br style=”clear: both;” />

    and here is the CSS:

    .submitbutton
    {
    border:none; /* No border around the submit button */
    width:247px; /* Width of image */
    height:62px; /* Height of image */
    background-image:url(/images/submit_button.jpg);
    background-repeat:no-repeat;
    cursor: pointer;
    }

    All has been working fine until the latest update.

    I believe I need to change something on this line but I can’t get my head round it can anybody please help, thanks.

    <p style=”padding-left: 314px;”>[submit class:submitbutton ” “]</p>

    Cheers
    John

    http://ww.wp.xz.cn/plugins/contact-form-7/

Viewing 1 replies (of 1 total)
  • Thread Starter jswilko

    (@jswilko)

    12 years, 9 months ago

    Hi again,

    I’ve found a way round it.

    I included the following in the .submitbutton css:-

    text-indent: -50000px;

    This moved the word ‘Send’ well out of the way.

    John

Viewing 1 replies (of 1 total)

The topic ‘Latest version problems with image as send button’ is closed to new replies.