Custom CSS code added to configurable list is not working correctly

Hi,

I’m using this widget now, the configurable list widget. for form 71245791095966 

I’m attempting to use custom css. 

Some of it works (in green) and having difficulty with other parts (in red) not working.

1) Also, the “textarea”, I want to have the same background color and border as the “text” input boxes as I have done.

2) I want to widen  col2, col3, col4 and narrow col1

3) I want the number input field to be narrower and the input text centered.

.col1,.col2, .col3, .col4

{

color: #307080;

}

input[type=text]

{

height: 20px;

background-color: #FBF5CD !important;

border :  1px #bbb inset;

border-radius: 6px;

}

.input[type=number]

{

text-align: center !important;

width:10px;

}

Thank you, 

Robert

Append this CSS codes.

.col1 input[type=text] {

    width: 44px;

    text-align:center;

}    

.col2 input[type=text],

.col3 input[type=text] {

    width: 150px;

}

.col4 textarea {

    background-color: #FBF5CD !important;

    border: 1px #bbb inset;

    width: 180px;

}

This gives you the following style:

The width of the text inputs (mark in bold) will automatically adjust the column width so feel free to adjust them according to your preference.

Yes exactly what I wanted... Thank you.... BUT another issue

When the submission email arrives it is missing the row names.

The first row name is not correct, there is one row with correct name.

I did this test twice, after the first one I changed Configurable list text to the row name for each one with no change. How do I accomplish this?

Regards,

Bob

Did you customize your email notification template? When you do so, the template will not be able to fetch changes from the form. However, you can manually update or input the field labels in the email notification template.

Example:

DUH!

Your right, I hadn't thought of that... Thanks again. Robert