[Plugin: Jazzy Forms] Radio buttons

Hi jdkgray. Sorry for the late response. I’ve been super busy and had to prioritize maintenance/development over user support.

With the latest updates HTML markup and CSS have changed slightly in order to enable horizontal layouts. While it normally behaves just like before, you might be experimenting some interaction with your specific theme and its CSS.

If you post a live site or point to a publicly available theme that experiments this problem, I might be able to help you out (or some CSS expert around here)

Hello igor, i am having the same problem. Can you check my web form please? Here

Hi Stevermanm, thank you for pointing me to your live site. In your case it is not a CSS issue but the fact that for some mysterious reason a <br /> (line-break) tag is added between the radio button and the label. It usually does not happen, but it seems some kind of text filter is applied to Jazzy Form’s output. This might be because of some other plugin, the method you are using for insertion or, more like, your theme.

The good news is that if I remove a line-break in my original HTML source code, this does not happen anymore. I’ve figured that out with another user who had the same problem. I hope you can wait some more days until the next Jazzy Forms update.

it is indeed a problem of my theme.i will wait for the next until the next update.Thank you!!

This is just to let you know that with v0.10 I’ve eliminated some linefeeds from the HTML code. This should mitigate the risk of some text filters converting them into actually visible linefeeds on the page.

Hello igor, i just updated and everything work really good. thanks!!

Hi, I have used the latest revision, but this kind of issue also happened with checkbox. Can you help to resolve this?

Best Regards
Tukang

Same thing here (look at https://www.mijnnieuwsmarkt.nl/offerte) after a theme upgrade from Pagelines. In the previous version it was ok.

Found the solution: In custom CSS add the following (at least it worked for me in the #pagelines theme):

label {
display: inline !important;
margin-bottom: 5px;
}

Hi Peterluit,

Too bad it didnt work for me

@tukang: this indeed worked in one specific situation in the theme I used. Try Firebug in Firefox to find out the right CSS to find a simular solution. I can be done without any complex modifications.