Formatting labels and fields in Multiple textbox widget

  • Profile Image
    rlzolinas
    Asked on February 15, 2016 at 12:41 PM

    Is there a way to spread the 3 fields to one row and also, how can I format the individual labels to match the main label?

    Thanks!

     

  • Profile Image
    Huberson
    Answered on February 15, 2016 at 02:55 PM

    Hello,

    Please add the bellow CSS code under 'Custom CSS' in the Widget. The first block will align the the 3 fields in a single row and the second is for the labels. You can tweak the second block to format the labels at you convenience. 

    tr {

        float: left;

        width: 30%;

        padding-right: 3%; 

    }

    tr:last-of-type{

        padding-right: 0;

    }

    th{

        display: block!important;

    }

    label{

        font-weight: normal;

        font-size: 0.95em;

     

    }

     

     

    Because of the way the Widget is coded you will have to do this for each Widget.

     

    If you need more assistance please let us know. We will be happy to help you.

     

     

     

     

  • Profile Image
    rlzolinas
    Answered on February 15, 2016 at 02:59 PM

    Perfect! Thank you!