Move third column of Configurable list to the right

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

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.

Awesome!  That did the trick.

Thanks,

Marilyn

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