[Plugin: Fast and Secure Contact Form] Changing text box size?

  • Just some questions…

    1) How would I change the size of the the text box that SI generates? I have a selection drop-down box, but it’s smaller than the other text areas and I was wondering how make it wider.

    I’ve read where you’ve said, “The field size can be adjusted on the plugin settings page under advanced settings.” But this effects ALL the boxes. I just want to widen the drop-down box.

    2) Is there a way to put the “denotes required field” line below the form?

    3) How do I make the text above each field larger, a different color, etc.?

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter dcloud

    (@dcloud)

    I also found where you said, “…look in advanced options ‘Input Text Field Size’.” Yes, I see that, but that only effects the ‘Name’ and ‘Email’ boxes, not the drop-down box I created.

    I need to be able to widen the drop-down box.

    Thread Starter dcloud

    (@dcloud)

    One more thing … how do I change the color of the text that’s above each text field?

    “denotes required field” location is hard coded.

    Your theme may be causing changes to the default form styles.
    What is the URL to your form?

    Try adding this to “CSS style for form input fields on the contact form”
    width:250px;

    How to change the colors for the input titles on the contact form:
    Go to the contact form settings page, click on Advanced Options, look
    for the setting “CSS style for form input titles on the contact form:”.

    change:
    text-align:left; padding-top:5px;

    to:
    text-align:left; padding-top:5px; color:white;

    How to change the colors for the text input fields:
    Go to the contact form settings page, click on Advanced Options, look
    for the setting “CSS
    style for form input fields on the contact form”.

    change:
    text-align:left;

    to:
    text-align:left; color:black;

    Note: you can change font color and background to any html hex color code
    text-align:left; border: 1px solid #666666;
    text-align:left; color:#000000; background-color:#CCCCCC;
    also, these custom settings will be safe when upgrading the plugin.

    How to change the font size for the input titles on the contact form:
    Go to the contact form settings page, click on Advanced Options, look
    for the setting “CSS style for form input titles on the contact form:”.

    change:
    text-align:left; padding-top:5px;

    to:
    text-align:left; padding-top:5px; font-size:10pt;

    Here is how to increase the line spacing on the form:
    Go to the contact form settings page, click on Advanced Options, look
    for the setting “CSS
    style for form input titles on the contact form”

    change:
    text-align:left;

    to:
    text-align:left; padding-top:15px;

    Thread Starter dcloud

    (@dcloud)

    The form (I’m working on styling it with my own graphics so it’s a work in progress): https://hide-e-hole.com/contact/

    Mike, thanks for all the great info. The only one that doesn’t work is changing the font color. I tried doing what you said by adding ‘color:white;’ to the “CSS style for form input titles on the contact form:”, but the text still stays light gray.

    Also, would you have a suggestion for moving the “denotes required field” line to below the form?

    Thanks again ??

    Thread Starter dcloud

    (@dcloud)

    Nevermind, I found the color for the label text was being effected by an entry in the stylsheet for the theme. They had a color of #888 for the .entry-content label, which was effecting the color of the text on the form fields. I changed it to white (#FFF) and now it looks great.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Plugin: Fast and Secure Contact Form] Changing text box size?’ is closed to new replies.