WordPress.org

Ready to get started?Download WordPress

Forums

Fast Secure Contact Form
[Plugin: Fast and Secure Contact Form] Changing text box size? (6 posts)

  1. dcloud
    Member
    Posted 4 years ago #

    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.

  2. dcloud
    Member
    Posted 4 years ago #

    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.

  3. dcloud
    Member
    Posted 4 years ago #

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

  4. Mike Challis
    Member
    Plugin Author

    Posted 4 years ago #

    "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;

  5. dcloud
    Member
    Posted 4 years ago #

    The form (I'm working on styling it with my own graphics so it's a work in progress): http://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 :)

  6. dcloud
    Member
    Posted 4 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic