Support » Plugins » [Plugin: Contact Form 7] Form appears center aligned

  • Got a couple of problems with this Contact Form 7 form I just created on this page: http://bit.ly/95LXxJ

    Form is appearing center-aligned instead of left-aligned. I’ve tried adding text-slign: left; all over the place and no matter what the form stays center aligned. How to fix?

    Also, how can I make it where the radio buttons appear one after the next via line breaks? Right now, they just appear on two rows next to each other. Looks kind of sloppy.

Viewing 3 replies - 1 through 3 (of 3 total)
  • In your style.css, line 628, you’ve got a

    .entry form {
    text-align:center;
    }

    that seems to be dominating the “text-align: left;”. Do you need it for other forms?

    In contactform7.com’s “tip” section, there’s this article:

    http://contactform7.com/2009/11/21/custom-layout-for-checkboxes-and-radio-buttons/

    that has the CSS to put the radio buttons in a column.

    Thread Starter databell96

    (@databell96)

    No, I really don’t. Did solve the problem though. Now I just got to figure how to add a class to the Submit button so it doesn’t get the styles from the input boxes (always hate that) and if I can figure out a way to bring the text comments text to where it’s positioned to the top of the comments box instead of below. Thanks so much for the help.

    The CF7 css file includes:

    .buttonSubmit {
    float:right;
    }
    input, textarea {
    background-color:#F1EDBF;
    color:#00833B;
    }

    So if you add “.buttonSubmit” info to your CSS file, that should help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: Contact Form 7] Form appears center aligned’ is closed to new replies.