Label and input field next to eachother

  • Resolved Djabber

    (@djabber)


    5 years, 6 months ago

    Hi everyone,

    I’ve tried looking everywhere but i can’t for the life of me figure this one out.
    I don’t think it’s very complicated so i’m probably overlooking somehting.

    I want to have the label in FRONT of the input field, rather than above it.
    Is there an easy way to achieve this?

    Sorry if this is a dumb question, thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Neil Murray

    (@buzztone)

    5 years, 6 months ago

    See Styling Contact Form – there is a link to an article I wrote at the bottom of that page (which is recommended by the CF7 plugin author, though I’m not allowed to link directly to it here), that covers this topic in detail.

    Thread Starter Djabber

    (@djabber)

    5 years, 6 months ago

    Hello Neil,

    Thanks for your reply. I’ve looked at the entire article but i’m not sure what section you mean. Could you please tell me the title of the section that applies to my question.
    Thanks!

    Neil Murray

    (@buzztone)

    5 years, 6 months ago

    You probably need to read & understand the whole article to tackle this change effectively.

    An abbreviated version is:

    You need to be skilled at CSS. Use Chrome Dev Tools to examine the CSS styling applied to your form & determine what changes you need to make.

    Thread Starter Djabber

    (@djabber)

    5 years, 6 months ago

    Okay, that seems a little over my head. I find it odd that such a simple concept is so hard to translate to CF7. Thanks a lot Neil for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Label and input field next to eachother’ is closed to new replies.