Help with styling

  • Resolved sallam

    (@sallam)


    9 years, 11 months ago

    Great plugin. I just need some help with styling. I need to:

    1- enlarge the text size of the fields where users input the numbers/text
    2- enlarge the text size of the result/calculated field
    3- make the field boxes narrower in width
    4- make the width of the form itself narrower.

    How can I do that please?

    https://wordpress.org/plugins/calculated-fields-form/

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

    (@codepeople)

    9 years, 11 months ago

    Hi,

    Please read this FAQ entry for instructions:

    http://wordpress.dwbooster.com/faq/calculated-fields-form#q82

    Thank you!

    Thread Starter sallam

    (@sallam)

    9 years, 11 months ago

    Great. Thanks so much. I’ve used the following:

    #fbuilder input[type=text], #fbuilder textarea, #fbuilder select {
    border: 2px solid #00f;
    font-size:36px;
    font-weight: bold;
    }

    It did what I wanted, except one thing. Is it possible to give the text of the calculated field a different color than the color of the input text?

    Plugin Author codepeople

    (@codepeople)

    9 years, 11 months ago

    For applying a style to a specific field see the instructions also on that FAQ below the line that says “On the other hand to modify only a specific field into the form:…”

    The solution (detailed in the FAQ) is to create a new CSS class with the color of the input field and indicate the name of that class into the settings field “Add CSS Layout Keywords” located into the form builder when you click a field for edition.

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help with styling’ is closed to new replies.