Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Replace Radio Button with Color Stripe

Back to: Virtue Theme1 Replies

Home / Forums / Virtue Theme / Replace Radio Button with Color Stripe

This topic is: Not a support question
[Not a support question]
Posted in: Virtue Theme
Razia
October 8, 2019 at 5:26 pm

Hi Ben,

Please help. Below is the CSS code of a single choice exam which can been seen in action on the bottom of this page. It is working perfectly alright. But the user has to click exactly in the middle of the radio button to choose the option and still misses the required questions some time. I want to replace the radio buttons with a long stripe with the option to the user to click anywhere on that colored stripe to choose the option. The chosen option’s color will change to ensure the user that his option has been correctly chosen. The attached picture shows the example of what I am talking about.

*removed code

  • This topic was modified 6 years, 6 months ago by Ben Ritner. Reason: use a gist when you want to post a lot of code
  • The forum ‘Virtue Theme’ is closed to new topics and replies.