Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter jfvan14

    (@jfvan14)

    Thanks

    I modified the css code . I have used more specific element for each changes.

    But I still have a problem, the acceptance checkbox is not on the same line than “I agree the given terms”

    You are not going to be able to do that using <p> paragraph elements around your CF7 tags.
    ?
    ?I use Ordered List elements to display multiple fields on single line.

    HTML:

    <ol class="singleline">
    <li> Phone: [text cf7-phone 15/]</li>
    <li> Mobile: [text cf7-mobile 15/]</li>
    </ol>

    Added to Form section of CF7 interface.

    CSS:

    .wpcf7-form .singleline ol {
    list-style: none;
    margin: 0;
    }
    
    .wpcf7-form .singleline li{
    display: inline-block;
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    }

    Add via Child Theme or use custom CSS plugin.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Acceptance Box Alignment Issues with text’ is closed to new replies.