Contact form in Twenty Eleven as text widget

  • Author
  • #1154887


    Hi – I have a contact form that I’d like to have in my Twenty Eleven sidebar. I have a text widget with the following text:

    <div style=”padding:12px;background-color:#DFE2B0;line-height:1.4;”>
    <b>Toll-free (Canada only) 1-855-306-1200</b></br>1-902-306-1200</br> Or contact us here:</br>
    [contact-form subject='Contact Request from'][contact-field label='Name' type='name' required='1'/][contact-field label='Email' type='email' required='1'/][contact-field label='Comment' type='textarea' required='1'/][contact-field label='Are you human?' type='select' required='1' options='Nope%26#x002c; I%26#039;m a spambot,Yes'/][/contact-form]</div>

    My issues are:

    1. The first two lines are supposed to show as bold, but for some reason they aren’t.

    2. The text boxes for commenters to enter their data stretch beyond the width of my sidebar widget. I’ve tried setting the width of the div to 180, since the max pixel width of the sidebar in 2011 is 188px, but that only makes it worse. Is this a browser issue or is it something I can adjust?

    3. I’ve been wondering about anti-spam filters for the contact form. I know filters most of it out already, is that why a filter isn’t included in the options when building the form?

    Not sure what else I should be trying. If someone has any workarounds, I’d love to hear them! I have the Custom CSS upgrade although I’m not very good at it…

    The blog I need help with is



    The input fields have a fixed width. Since you have the Custom Design upgrade, you can easily correct the width via CSS editing, but you must ask about this in the CSS forum (so it will be available to others looking for the same answer).
    And since you have the upgrade, you don’t need that div at all: better add that styling in the CSS editor.

    For bold text use strong tags instead of b tags. Or add a rule for the b tag in the CSS editor.

    Yes, the messages you get via the contact form are also filtered by Akismet (and Akismet is almost always right).



    Thanks, justpi – I took out the div and did some other fiddling around, and noticed today that it’s showing up within the content area so it’s all good. I’ll try the strong tags as well.

    Thanks for the help, and the quick response!



    @justpi: Actually, when I took out the div my other sidebar widgets got bumped to the bottom of the main content, but above the footer widgets. So I’ve left it in there for now, but will look into CSS editing in the other forum as you suggested.



    You’re welcome.
    If the sidebar widgets dropped to the bottom, then you removed the opening div tag but forgot to remove the closing tag as well.
    You’re also missing a closing div tag at the end of the text widget with the “blue-seal-120-61-sageenergyinc-26782” image.

The topic ‘Contact form in Twenty Eleven as text widget’ is closed to new replies.