Move third column of Configurable list to the right

  • Profile Image
    menstrom
    Asked on March 27, 2017 at 12:38 PM

    I want the third column of my Configurable List to be further to the right.  I have tried increasing the left margin of the third column, increasing the width of the second column, increasing the padding of the second column, etc.  Nothing seems to help.  Can you suggest how I can move the third column (Number of hours) to the right?

    Thanks,

    Marilyn

  • Profile Image
    Jim_R
    Answered on March 27, 2017 at 02:45 PM

    Hey Marilyn, this can be achieved by doing 2 things:

    1. Adjust the total width of the Configurable List iFrame. To do that, inject these CSS Codes on your Form Builder:

    #customFieldFrame_378 {

        width: 750px !important;

    }

    Complete guide: How-to-Inject-Custom-CSS-Codes

    2. Afterwards, inject these CSS Codes to the Configurable Widget's Custom CSS section:

    #list > tbody > tr:nth-child(1) > th.col2 {

        padding-right: 70px;

    }

    Result:

    Feel free to further adjust the values in px to fit your needs.

  • Profile Image
    menstrom
    Answered on March 27, 2017 at 03:40 PM

    Awesome!  That did the trick.

    Thanks,

    Marilyn

  • Profile Image
    Jim_R
    Answered on March 27, 2017 at 04:51 PM

    Always a pleasure to help. Just open a new thread if you need more help 😊