Contact Form 7 Two Column Rows - by Su Flo

This topic has 7 replies, 2 voices, and was last updated 6 years, 6 months ago ago by Rose Tyler

  • Avatar: Su Flo
    Su Flo
    Participant
    September 21, 2017 at 18:55

    We are trying to transform the generic contact form 7 into a form with three rows of two columns, a subject dropdown field and a message box.

    Having tried to copy in code from various sources none of them seem to work.

    Is there something programmed into the backend of XSTORE which prevents such codes from functioning properly?

    Also, is there any source we could refer to that you could recommend?

    Any help will be greatly recommended. Kind Regards, Su.

    Please, contact administrator
    for this information.
    6 Answers
    Avatar: Su Flo
    Su Flo
    Participant
    September 21, 2017 at 19:00

    We’ve got another question regarding the same page, in private content, its on the screenshot.

    Kind Regadrs, Su.

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 22, 2017 at 09:45

    Hello,

    1. I’ve changed http://prntscr.com/go8yv6 and added css code in Custom css for page http://prntscr.com/go8z92
    2. http://prntscr.com/go900r

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    September 22, 2017 at 10:12

    Hi Rose,

    Do you have the custom CSS code so we can cut and paste them into the Page Settings.

    Would be grateful if you could send. Kind Regards, Su.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 22, 2017 at 10:20

    I’ve added the code, please check. You may change the code if needed.

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    September 22, 2017 at 10:46

    Hi Rose,

    Could you pls advise as to where you have entered this code?

    Kind Regards, Suzanne.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 22, 2017 at 10:55

    Seems the code was overwritten, so please use:

    input.wpcf7-form-control.wpcf7-text {
        width: 100%;
        margin-bottom: 10px;
    }
    input.wpcf7-form-control.wpcf7-submit {
        margin-top: 10px;
    }
    .ibox-block .ibox-content h3 {
        margin-bottom: 20px;
    }

    Regards

  • Viewing 7 results - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.