Support » Plugin: Contact Form 7 » [Plugin: Contact Form 7] Formatting form for sidebar

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Takayuki Miyoshi

    Line #1463

    #sidebar input[type="text"], #sidebar textarea {
        background: url("images/sidebar-form-bg.png") repeat scroll 0 0 #FFFFFF;
        border-color: #CCCBC6;
        border-style: solid;
        border-width: 1px;
        margin-bottom: 10px;
        padding: 5px 8px;
        resize: none;
        width: 242px;

    The last width: 242px; is actually set for the fields. Try Firebug to find CSS problems.

    I’m really a non-techie, so I don’t quite understand what to do. Could you explain the steps to me in changing the width of the fields? I’m unfamiliar with Firebug and would have no idea how to use it. Is it possible to change the width of the fields in some simple way?


    Hi Mejms,
    Firebug is a free add-on to Mozilla Firefox, and it’s a great tool for figuring out problems like this. That’s how Takayuki figured out what stylesheet and line your problem was on. That said, you need to open your style sheet editor and open style.min.css. Then navigate down to line 1463. Then, look for the line that reads “width: 242px;” and change it to “width” 202px;” . Hope this helps.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: Contact Form 7] Formatting form for sidebar’ is closed to new replies.