Unable to color radio button

  • Resolved jiomphe

    (@mirakaura)


    2 years, 4 months ago

    Hello,

    I followed the instructions in the following link to change the color of the radion button:
    https://ninjaforms.com/blog/style-your-wordpress-forms-checkbox-or-radio-fields-with-one-line-of-code/

    The appearance and color of the radio button are well changed but my radio buttons are all shifted to the right as you will see on the link.

    Thank you in advance for helping me solve this problem because I have no other way to change the color of the radio button without going through the accent-color function.

    Good for you.

    Steps to Reproduce my problem:
    Step 1: Disable Opinionated Styles
    Step 2: Add the CSS property accent-color property to Layout and Styles. ( accent-color: blue for me)`

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support Curtis

    (@curtisbrownlee)

    Hi,

    I’m sorry to hear that you are experiencing this.

    The link was password protected and I was unable to view the affected form. With Opinionated Styles disabled, styles from the theme and other plugins would be allowed to apply styles to the form.

    May we have a screenshot of the issue? You mentioned that the Radio bubbles were shifted to the right. Were the bubbles still aligned with each other or were they staggered like steps?

    If they were staggered, I would try adding CSS to apply a “line-height”.

    Ex:
    line-height:30px;

    You would add this in the same place you added the accent color.

    If the issue persists, can you reach out to our support team so that we can investigate the issue?

    You can reach out to our team here: https://ninjaforms.com/contact

Viewing 1 replies (of 1 total)
  • The topic ‘Unable to color radio button’ is closed to new replies.