I've had the same problem with different templates. It is not clear which radio button relates to which amount. See pic.
-
2Pls 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 PatelFeb 12, 2017 at 19:44
1 Answer
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.