Width field list

[user5f88242e7d9be188 (Camilo Perez)]

Hi!

I’m having trouble for custom width for first (Nombre completo) and last column (nacionalidad) in a list field

https://tramidocs.com/vueling-pruebas-carlos/

is possible to make them 100%, already search the topic but I don’t know if the classes change with last updates, surely something is missing because it doesn’t work

I have this code:

div.gfield_list_group_item .gfield_list_cell .gfield_list_150_cell1{
 	width: 100%!important;
}

Thank you so much for your time!

[user5f88242e7d9be188 (Camilo Perez)]

I use now these code

@media (min-width: 767px){
body .gform_wrapper .gform_body .gform_fields .gfield_list_150_cell1 {
width:27%;
}

body .gform_wrapper .gform_body .gform_fields .gfield_list_150_cell2 {
width:6%;
}
body .gform_wrapper .gform_body .gform_fields .gfield_list_150_cell3 {
width:33%;
}
body .gform_wrapper .gform_body .gform_fields .gfield_list_150_cell3 {
width:8%;
	}

but the labels now are not align

[tcgsa (Phil Meyer)]

Hey Camilo,

See if this will work for you:

#field_97_150 .gfield_header_item {
	width: 19%;
	margin-left: 2%;
}
#field_97_150 .gfield_header_item:first-child {
	width: 42%;
	margin-left: 0;
}
#field_97_150 .gfield_header_item:last-child {
	width: 14%;
}

body .gform_wrapper .gform_body .gform_fields .gfield_list_150_cell1 {
	width:27%;
}

body .gform_wrapper .gform_body .gform_fields .gfield_list_150_cell2 {
	width:6%;
}
body .gform_wrapper .gform_body .gform_fields .gfield_list_150_cell3 {
	width:33%;
}
body .gform_wrapper .gform_body .gform_fields .gfield_list_150_cell3 {
	width:8%;
}

If the labels won’t react to the CSS code you may have to add !important after each, just before the ;

So:

#field_97_150 .gfield_header_item {
	width: 19% !important;
	margin-left: 2% !important;
}
#field_97_150 .gfield_header_item:first-child {
	width: 42% !important;
	margin-left: 0 !important;
}
#field_97_150 .gfield_header_item:last-child {
	width: 14% !important;
}

I forgot to take a screenshot but it worked beautifully on your site with that code.

I hope it helps!