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, 2016 at 19:37
  • Change it in price template as per your requirement.
    – Prem Patel
    Feb 12, 2017 at 19:44

1 Answer 1


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.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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