make checkbox more pronounced

  • Resolved andrew55

    (@andrew55)


    3 years, 10 months ago

    At end of order process, when customer needs to check the “checkmark box” to accept terms and conditions, this check mark box is very small and crammed together, next to text.

    You can see how close everything here is in this screenshot:

    https://www.visionrise.com/wp-content/uploads/2021/01/Screenshot22.jpg

    I’m concerned customers will barely be able to check it because it’s so small. It’s also so close to the terms link (which easily opens when you are just trying to check the checkbox).

    It may just be my site, but I was going to try to edit checkbox (style with css) but I know that can tricky.

    Any suggestions for styling the checkbox to where it is maybe bigger, and it has more whitespace around it?

    Thanks for any suggestions.

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

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Contributor Amrit Anandh

    (@amritanandh)

    I understand your concern. Even though the whole label is clickable, users still have to be able to click the checkbox precisely. I’ll adjust the space around the checkbox and get this fixed in the next update. Thanks for letting me know ??

    is it possible for a label to turn red when a customer forgets to check it (after click on Place order)?

    Plugin Contributor Amrit Anandh

    (@amritanandh)

    @n3s4 In addition to displaying the error, you also want to highlight the erroneous checkbox label in red. Correct?

    Yes, that would be good. I enclose a screen of how it might look.
    https://pasteboard.co/JKVXA62.png

    Plugin Contributor Amrit Anandh

    (@amritanandh)

    Yes. I agree this will be good. We’ll push this in the next update.

    Thread Starter andrew55

    (@andrew55)

    Here is dirty hack of idea:

    https://pasteboard.co/JKXOLhn.jpg

    Notice bigger check box, and more white space.

    • This reply was modified 3 years, 10 months ago by andrew55.
    Plugin Contributor Amrit Anandh

    (@amritanandh)

    Yes. CSS scaling sure is dirty. ?? Until we release an update, you can use this.

    Thread Starter andrew55

    (@andrew55)

    Any news on that update:

    * more pronounced checkbox area, separated from rest of text (so it will be obvious to customer, so they will see it and know they need to check it)
    * checkout box turns red if they don’t select it and try to submit area

    Right now, I’m very concerned customers are trying to submit form, but have no clue why it’s not going through. Customers will take off when these types of things happen.

    Thanks for any help!

    Plugin Contributor Amrit Anandh

    (@amritanandh)

    @andrew55 I’m sorry. We’re yet to get to this. An update (v1.0.6) is due in the next few days. I’ll make sure this issue is fixed in the next update, v1.0.7. Again, apologies for the delay.

    Thread Starter andrew55

    (@andrew55)

    It looks like one of recent updates now overides my css hack.

    Any updates on when these fixes (detailed above) will be implemented?

    Otherwise, I will need to dig back into code and create another dirty hack.

    Plugin Contributor Amrit Anandh

    (@amritanandh)

    I’m sorry that your custom code was over-written. As promised, I’ll get this fix out in the upcoming update. It should be out in a few weeks’ time.

    Thread Starter andrew55

    (@andrew55)

    That’s good news about the update. In the meantime, do you have any suggested css to create more white space around the checkbox text area and make the checkbox bigger? Thanks for any suggestions.

    Plugin Contributor Amrit Anandh

    (@amritanandh)

    @andrew55 We have increased the Hit Space for all checkboxes with the latest version v1.1.0.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘make checkbox more pronounced’ is closed to new replies.