Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter IktanStudio

    (@iktanstudio)

    Plugin Author tameroski

    (@tameroski)

    Hi,

    Just use CSS on the signature “canvas” element like you would do for the rest of your form. In your case , something like :

    #wpcf7_firma_signature{
    border: 1px solid #000;
    }
    Thread Starter IktanStudio

    (@iktanstudio)

    Hi! thanks for your response, I’m very new at wordpress, could you explain where should this code go? thanks!

    Thread Starter IktanStudio

    (@iktanstudio)

    I got it working! Thanks!! it looks awesome 🙂

    When you say “canvas” do you mean the file:

    contact-form-7-signature-addon/signature.php

    If so, my canvas is currently set to:

    <canvas id=”wpcf7_%4$s_signature” class=”%4$s” width=”%5$s” height=”%6$s”></canvas>

    Or, do you mean we have to put the code in the actual form:

    [signature* signature-838]

    Plugin Author tameroski

    (@tameroski)

    The canvas is the HTML element where the signature is written. If you want it to have borders, you have to use your theme’s CSS file, by adding something like this :

    .wpcf7-form-control-signature-wrap canvas{
    border: 1px solid #000;
    }

    This will add a black border to every signature field on the page. You can also use the signature’s id attribute to do so. In your case, that must be something like :

    #wpcf7_signature-838_signature{
    border: 1px solid #000;
    }

    Hope it helps …

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Ad border to signature space’ is closed to new replies.