• Resolved kimcoetzee

    (@kimcoetzee)


    Hi Ive set the number of rows in the CFF Pro version text area but it still always displays as a single row on the front end.

    Also (on the same page) I would like to use images instead of radio buttons but am unable to find element that will hide radio buttons on selected fields only.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @kimcoetzee

    The issue with the textarea fields is simple. You’ve duplicated the template 13, and you edited the .css file. Now you are forcing the height of textarea fields to 50px:

    
    #fbuilder  select,
    #fbuilder  input[type="text"],
    #fbuilder  input[type="date"],
    #fbuilder  input[type="datetime"],
    #fbuilder  input[type="email"],
    #fbuilder  input[type="number"],
    #fbuilder  input[type="search"],
    #fbuilder  input[type="time"],
    #fbuilder  input[type="url"],
    #fbuilder  textarea,
    #fbuilder  select {
        width:auto;
        display:inline-block;
        height:50px;
    }
    

    Concerning the radio buttons, if you want to hide the radio button tag, the style definition to use would be:

    
    #fbuilder .cff-radiobutton-field input{display:none;}
    

    Best regards.

    Thread Starter kimcoetzee

    (@kimcoetzee)

    Thank You very much

    Thread Starter kimcoetzee

    (@kimcoetzee)

    Hi And if I just wanted to hide a specific fields radio button tags and not all the radio buttons across the site?

    Thread Starter kimcoetzee

    (@kimcoetzee)

    Ok dont worry I figured it out. remove the #fbuilder id. And assign the field a class. Like so .hidetag .cff-radiobutton-field input{display:none;}

    Plugin Author codepeople

    (@codepeople)

    Hello @kimcoetzee

    Assign a class name to this field through its attribute: “Add CSS Layout Keywords” for example: my-radio-button

    And then, define the new class as follows:

    
    #fbuilder .my-radio-button input{display:none;}
    

    Note: the class name my-radio-button was only an example. You can use the class name you want.

    Best regards.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Number of Rows on Text Area Not Working’ is closed to new replies.