WordPress.org

Forums

Visual Form Builder
[resolved] using form id's to edit specific forms with css (3 posts)

  1. rook
    Member
    Posted 1 year ago #

    Hell all

    I am currently using form builder in a twenty twelve child theme, I have three forms on the site, I want the text input area to be substantially larger on two of the forms and normal on the other one. So my question is how do I use the form's id to target specific forms within CSS,
    eg. `.vfb-form_id-4 input.vfb-text, input[type="text"].vfb-text, input[type="tel"].vfb-text, input[type="email"].vfb-text, input[type="url"].vfb-text, textarea.vfb-textarea, select.vfb-select {
    font-size: 26px;
    font-family: inherit;
    line-height: normal;
    height: auto;
    color: #373737;
    margin: 0 0 5px 0;
    }`

    I cant seem to work it out, I have tried loads of different ways, all to no avail.

    Any help would be very much appreciated.

    All the best,

    Harry

    http://wordpress.org/extend/plugins/visual-form-builder/

  2. James Revillini
    Member
    Posted 1 year ago #

    form.vfb-form-4 { /* address form id 4 */ }
    
    form.vfb-form-4 fieldset { /* address fieldsets in form id 4 */ }
    
    form.vfb-form-4 input.vfb-text { /* address text input in form id 4 */ }

    Use a browser inspector as Matt recommends on his site: http://matthewmuro.com/2012/11/15/visual-form-builder-pro-customizing-the-form-design/

  3. rook
    Member
    Posted 1 year ago #

    Yesssssssssss, you my friend are a legend. Thank you

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic