multiple columns horizontal custom form

  • Resolved cagraphicdesign

    (@cagraphicdesign)


    7 years, 9 months ago

    You had kindly helped me create a horizontal contact form with a bit of css on a previous site (https://tecompanies.com/dev-cagd/). It worked wonderfully. I am trying this again on another website with the same css code you supplied me with but it is not working I am trying to figure out where “style-132 p” was generated in that code so maybe that is the secret to having it work on the new site. This is the code:

    body .cf7-style.cf7-style-132 p {
    display: inline-block;
    }

    I think this may have something to do with your instructions for that first site:
    “Warning: Please be careful, this will only work with current active custom style.”

    The new site is:
    https://patternfoxconsulting.com

    My new site has to go live in a few days so hopefully you can respond before Friday!

    Thanks for a great plugin
    Claudia

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Lehel Szilard Marosi

    (@mlehelsz)

    Greetings Claudia,

    Yes, you are right. The main reason, where your custom style does not work is in the style selector which must be different from the website before.

    In this new case you have a form with the following selector: “.cf7-style-50”, so please try to use that instead of the “.cf7-style-132”.

    Please let me know, if this answer helped you out. By the way, after activating the custom style for your contact form 7 form, you can check this number with Inspecting the form element. It should contain this information.

    For example: https://www.screencast.com/t/BMJ9wUxlHMP

    Great job on the page, it looks fantastic.

    Keep up the good work,
    Lehel

    Thread Starter cagraphicdesign

    (@cagraphicdesign)

    Thank you so much! I was hunting for something like that but using Safari developer instead – somehow missed it.

    I will be able to use this on other websites. FYI Your plugin works well with Beaver Builder theme/plugin.

    You deserve a venti coffee infused with essence of bacon, topped with 50 year old bourbon flavored whip cream from grass-fed pedigree cows.

    BTW I entered this same query in the original thread so you may close that one out.

    Plugin Author Lehel Szilard Marosi

    (@mlehelsz)

    Hey Claudia,

    I’m getting a coffee right now, but unfortunatelly without the old bourbon, whip cream and essence of bacon… but if I have the chance will try it sometime in the near future.

    Have a great day!

    I hope you don’t mind me asking a question, but I am trying to learn this.

    With cf7-style-50 and cf7-style-132 what do the numbers 50 and 132 designate?

    thank you

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘multiple columns horizontal custom form’ is closed to new replies.