Styling a specific Caldera form

  • Resolved newapexmedia

    (@newapexmedia)


    9 years ago

    Hi

    I’ve been looking around to try to find out how I can target a specific form in order to style it myself. I haven’t been able to discover how. I’m going to be using two slightly different forms on my site. I’ve styled my main form to my taste using
    .caldera-grid label
    .caldera-grid .form-control
    as well as the button and focus areas. I think I may only need the labels to be different on the other form. I assume I’d need to somehow reference the form ID but am unsure exactly how that should be implemented.

    Could you help?

    Many thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Josh Pollock

    (@shelob9)

    9 years ago

    Thanks for using Caldera Forms.

    The ID of the form is outputted as a class on the form element. So .CF54dc5e1924429 .label{} would work for a form with the ID of CF54dc5e1924429

    Thread Starter newapexmedia

    (@newapexmedia)

    9 years ago

    Thanks very much, Josh.

    Thread Starter newapexmedia

    (@newapexmedia)

    8 years, 11 months ago

    Hello again, Josh.

    When I had designed just the one form I had everything perfect. However, now that I’m trying to use two forms, I have problems. I think I’ve solved everything except one. I can’t get the labels to centre on my second form. I’ve no idea why it isn’t behaving as I’ve cloned the code from my first form and changed only the form ID.

    I extracted this from my page designs to get the relevant form IDs:

    <div class=”caldera-grid” id=”caldera_form_1″ data-cf-ver=”1.5.0.10″ data-cf-form-id=”CF590920dbb8fa2″>

    <div class=”caldera-grid” id=”caldera_form_1″ data-cf-ver=”1.5.0.10″ data-cf-form-id=”CF593999b6daccd”>

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Styling a specific Caldera form’ is closed to new replies.