Questions about Payment Form extension

Style Of Control

  • Joseph Zingarelli
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
1 year 3 months ago #160587 by Joseph Zingarelli
Style Of Control was created by Joseph Zingarelli
Is it possible to change the style (the visual representation) of a control such as a checkbox or radio button to more-effectively highlight a selection?
Recently, a client asked me to change the style of the radio buttons and check boxes on forms I've built because 'you can't see a selection in a brightly-lit room.'
I'm thinking about the more-traditional control style such as the images I've attached.

Thanks,
Joe
Attachments:

Please Log in or Create an account to join the conversation.

  • Joseph Zingarelli
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
1 year 3 months ago #160604 by Joseph Zingarelli
Replied by Joseph Zingarelli on topic Style Of Control
Tuan,
Never mind.  I'm getting a bit more familiar with Payment Form and I applied this CSS override:

input[type="checkbox"], input[type="radio"] {
  display: inherit !important;
  margin-right: 0.375rem;
}

I would prefer to narrow the focus of the statement.  I'll test to see if my change has unintended consequences.

Please Log in or Create an account to join the conversation.

More
1 year 3 months ago #160607 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Style Of Control
OK Joseph, I'm glad you figured out. Actually, I would say this should be styled by your template css. I don't know where do you add this css, but you might want to add it to css of the template (maybe template allows adding custom css) so that the change is applied to your whole site, not just Payment Form

Regards,

Tuan

Please Log in or Create an account to join the conversation.

Moderators: Tuan Pham Ngoc