Contact form 7 formatting

  • Resolved Megan.ons

    (@meganons)


    8 years, 9 months ago

    Hi,

    I need to remove formatting of the form so I can use fields in it like writing in sentences. Something like fill in the blanks where user can input in text boxes of contact form.

    Like this:

    Lorem ipsum dolor sit amet, <contact form text box> consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et <contact form text box> dolore magna aliqua.

    This is possible when I change the theme, need it with Emphasize.

    Any help would be great.

    Cheers,
    Megan

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Shaped Pixels

    (@shaped-pixels)

    Hi Megan….are you wanting to remove all formatting from the theme’s Text Field style, or have a way to customize it only for specific fields in specific areas? Example?

    Thread Starter Megan.ons

    (@meganons)

    Hi Shaped,

    Sorry for the late reply, here is an example:

    Please Click

    If you see, this acts as fill in the blanks for a paragraph. The present theme is supporting it. But I don’t want to use it and instead use Emphasize.

    Theme Author Shaped Pixels

    (@shaped-pixels)

    Thanks for the link…so if I understand this right, you want inline text fields, but the theme’s styling is dropping theme on separate lines?

    This might be your solution after copying your form code into my local test site using Emphasize:

    input.wpcf7-form-control.wpcf7-text {
    display: inline-block;
    margin: 2px 5px;
}

    That targets the contact form 7’s text input fields (all of them), but if you want it to target only the page this form is on, then it would be something like this…using your above link as an example for that page:

    .page-id-14 input.wpcf7-form-control.wpcf7-text {
    display: inline-block;
    margin: 2px 5px;
}

    I got the page ID class from the body tag of your page’s source code, and I also added some margins to the fields to space them a bit.

    Was this what you wanted to do?

    Thread Starter Megan.ons

    (@meganons)

    You got me right and this Works Perfectly!!

    I will mark this query as resolved.

    Thanks a ton
    Megan

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Contact form 7 formatting’ is closed to new replies.