I've had the same problem with different templates. It is not clear which radio button relates to which amount. See pic. screen shot of donation amounts

  • 2
    Pls provide more information such as the CMS, theme etc. – petednz - fuzion Dec 13 '16 at 19:37
  • Change it in price template as per your requirement. – Prem Patel Feb 12 '17 at 19:44

This layout is coming from some theme or plugin on your site.

CiviCRM includes its own CSS which delivers your desired result out of the box, and you can override or replace those CSS files.

In this case, your site theme / some plugin is instructing the browser to lay out the form differently from how CiviCRM does per default. I'd hazard the site shown above is using a CMS theme which includes some directive like

input, label {
  width: 100%;
  clear: both;

You can address this by providing appropriate CSS to achieve the desired layout. Not having seen the site in question, it's hard to be more specific than that.

Anyway, here's a Stack Overflow question on how to sit radio buttons next to their labels which might help you.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.