Support » Plugin: WooCommerce » Form checkbox and radio buttons not showing

  • I have the latest woo . Used a woo theme (mystile) and edited style.css to add radio and checkbox , played with changing the margin. Added it to the custom.css Nothing. There’s no woocmommerce.css.

    /* Webkit browsers add a 2px margin outside the chrome of form elements */
    textarea {
      margin: 0;
    voilet.css says /* Hides the default checkbox style */  , tried removing this. 
    The checkbox seems like it should show properly.
    input[type="checkbox"]:checked:before {
      content: '.';
    input[type="checkbox"]:hover:before {
      background: rgba(255, 255, 255, 0.3);

    Tried changing float right to float left here

    .ginput_container .gfield_checkbox input,
    .ginput_container .gfield_radio input {
      float right;

    Any pointers?

Viewing 1 replies (of 1 total)
  • Hi Stacy!

    I ran into the same problem today and found a solution. Thought I’d would share it with you in case you’re still looking for a solution.

    In your custom.css paste the following code:

    input[type="checkbox"] {
    -webkit-appearance: checkbox;

    In the default css this reads “none” instead of “checkbox”, hence nothing is displayed in webkit browsers 😉

    Hope this helps,

    Ruud Denis

Viewing 1 replies (of 1 total)
  • The topic ‘Form checkbox and radio buttons not showing’ is closed to new replies.