Hiding checkboxes

  • Resolved lml26467

    (@lml26467)


    1 year, 4 months ago

    I would like to remove of hide the checkboxes in the Shipping field without removing the checkboxes in the Confirmation field.

    Here’s the css code that I’m using to remove the checkboxes.

    div.wpforms-container-full input[type=checkbox] { display: none; position: relative; background: none; width: calc( var(–wpforms-field-size-checkbox-size ) – 2px); height: calc( var(–wpforms-field-size-checkbox-size ) – 2px); margin: 0 0 0 2px; border: none; box-shadow: none; vertical-align: middle; opacity: 1; appearance: none; line-height: 1.2; }

    I should assume I’m missing the li class names, right?

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey @lml26467 – Thanks for reaching out!

    Just to double check to avoid any confusion, are you looking to hide the checkboxes in the Shipping field, and continue to display them on Confirmation field? If that’s the requirement, you can consider using following CSS:

    ul#wpforms-329-field_75 input {
    display: none !important;
}

    Kindly,

    Thread Starter lml26467

    (@lml26467)

    Hi Prashant Rai,

    Correct, my inquiry was for the Shipping field.

    Thank you,

    Hey @lml26467 – Thanks for the confirmation. The CSS I shared should help you to achieve that. When you get a chance, could you please let me know if the CSS code worked for you?

    Kindly,

    Hey @lml26467 – We haven’t heard back from you since my previous message, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hiding checkboxes’ is closed to new replies.