-
willothewispAsked on June 12, 2017 at 11:53 PM
Hello,
I previously asked how to get the radio button centre above my image,
i was told
.form-multiple-column {
text-align : center;
width : 100%;
}
which worked great but then i extended the width of my form - and will probably extend more later and this coding no longer works.
Also i want the radio button centred under the image and text not on top?
could someone please help me!
Thank you!
-
WilliamRReplied on June 13, 2017 at 1:23 AM
Hi,
Can you add the following code in your CSS code.
margin: auto;
So it would look like this.
.form-multiple-column {
text-align : center;
width : 100%;
margin: auto;}
If that doesn't work, then please provide me the URL, where we can see the form.
Thanks -
willothewispReplied on June 13, 2017 at 2:43 AMhello,
No it didn’t work. I widened the form layout and since then not even the centering of the buttons is working any more
Thanks
... -
willothewispReplied on June 13, 2017 at 2:43 AMurl https://www.jotform.com/build/71621837744865
... -
WilliamRReplied on June 13, 2017 at 3:24 AM
Hi,
Thanks for providing the form. Can you try this code please?
.form-radio-item label {
margin : auto;
}Let me know if that works for you.
-
newbie06Replied on June 13, 2017 at 3:28 AM
hi there,
can you try adding the following css code into your website.
#id_11 {
max-width: 265px;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
}
#label_11 {
max-width: 265px;
}
li#id_11 {
text-align : inherit;
color : fff;
}
#cid_11 {
padding-left: 0;
}
.form-line-active {
background-color: rgba(255, 255, 224, 0.43) !important;
}by the way, the link you have sent seems to be invalid somehow, could you provide us a proper one please sir.
have a nice day.