You are viewing limited content. For full access, please sign in.

Question

Question

Center Dropdown Boxes

Forms
Updated October 11, 2016
asked on October 11, 2016

How can I center my dropdown boxes within my table. I tried putting this in the CSS section with no result

td input{text-align: middle; display: middle; margin: 0 auto;}

0 0

Answer

SELECTED ANSWER
replied on October 11, 2016

If I understand you right, you are trying to center the actual dropdown element within the table cell, not the text within the dropdown, right? If so, then you need to set the cf-field div to be an inline element, and set the text-align:center property on the td element. Something like this should work:

.cf-table td{text-align:center!important}
.cf-table td .cf-field{display:inline}

If you want to be selective of which column you're using, you can add an attribute to the selector (like td[data-title="Your_Column_Name"]).

2 0
replied on October 11, 2016

Yep! That is exactly what I needed!

0 0

Replies

replied on October 11, 2016

The text is center it's not the boxes.

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Related Posts
Loading ...