-
MaryKerrAsked on January 24, 2018 at 12:57 PM
We have created a one multiple choice tool into 2 columns and the words are running into the next column. i tried to space the form wider and it is not helping.
-
Nik_CReplied on January 24, 2018 at 1:54 PM
Please insert the below CSS into your Custom CSS Field:
#cid_24 > div > span:nth-child(1){
margin-left: -20px;
margin-right:8px;
}
#cid_24 > div > span:nth-child(3){
margin-left: -20px;
margin-right:8px;
}
#cid_24 > div > span:nth-child(5){
margin-left: -20px;
margin-right:8px;
}
#cid_24 > div > span:nth-child(7){
margin-left: -20px;
margin-right:8px;
}
#cid_24 > div > span:nth-child(9){
margin-left: -20px;
margin-right:8px;
}
#cid_24 > div > span:nth-child(11){
margin-left: -20px;
margin-right:8px;
}
#cid_24 > div > span:nth-child(13){
margin-left: -20px;
margin-right:8px;
}
#cid_24 > div > span:nth-child(15){
margin-left: -20px;
margin-right:8px;
}
#cid_24 > div > span:nth-child(17){
margin-left: -20px;
margin-right:8px;
}
#cid_24 > div > span:nth-child(19){
margin-left: -20px;
margin-right:8px;
}
#cid_24 > div > span:nth-child(21){
margin-left: -20px;
margin-right:8px;
}
#cid_24 > div > span:nth-child(23){
margin-left: -20px;
margin-right:8px;
}
#cid_24 > div > span:nth-child(25){
margin-left: -20px;
margin-right:8px;
}
#cid_24 > div > span:nth-child(27){
margin-left: -20px;
margin-right:8px;
}
That will make the fields aligned like this:
You can check my test form as well: https://www.jotform.com/80234947701961
Let us know how it worked.
Thank you!