WordPress.org

Forums

Constant Contact for WordPress
Text input boxes are not visible (4 posts)

  1. roofdog
    Member
    Posted 4 years ago #

    The form and widget do not show a border around input box so the users don't know where to click.

    I know this is probably a css issue but I'm not a web developer so I have no idea how to fix it.

    Anyone know how I can solve this easily?

    Thanks,

    -Eric

    http://wordpress.org/extend/plugins/constant-contact-api/

  2. jdhobbs
    Member
    Posted 4 years ago #

    Hi Roofdog,

    Yes, that's a CSS issue.

    You just need to add something like this:
    #CC_signup input {border: 1px solid #000000;} <-- hex-color at the end

    Note: This will add a border to your submit button too.

  3. roofdog
    Member
    Posted 4 years ago #

    Thanks for the tip.. but I am not seeing a difference. Maybe I am putting it in the wrong place? Sorry in advance if I'm doing something stupid but like I said, I'm not a developer. THANKS!

    I have tried putting it style.css

    /* Images */
    img.centered { display: block; margin-left: auto; margin-right: auto }
    img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline }
    img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline }
    .alignright { float: right }
    .alignleft { float: left }
    /* Captions */
    .aligncenter,
    div.aligncenter { display: block; margin-left: auto; margin-right: auto }
    .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
    .wp-caption img { margin: 0; padding: 0; border: 0 none }
    .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 }
    #CC_signup input {border: 1px solid #000000;}

    AND

    constant-contact-admin-css.css

    a.toplevel_page_constant-contact-api {
    	white-space: nowrap;
    	font-size: .975em!important;
    #CC_signup input {border: 1px solid #000000;}
    }
  4. thecodezombie
    Member
    Posted 4 years ago #

    Well I'm not 100% sure of the classes that Constant Contact uses...the '#CC_signup' is just an example.

    It's just whatever container element your the form is in (most likely a div), plus input...then tell it to put a black 1px line around it.

    <style>
    #CC_signup input {border:1px solid #000000;}
    </style>
    
    <div id="CC_signup">
    <form action="" method="get">
    <ul>
    <li><label for="firstname">First Name:<label><input type="text" name="firstname" />
    </li>
    <li>
    <input type="submit" value="insert" />
    </li>
    </ul>
    </form>
    </div>

    Just make sure that there's not already something declared for the element you're trying to style...or that there's not something over-riding the style.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Constant Contact for WordPress
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic