fbpx

How to hide select gravity form radio options from front-end

You may have choices that you no longer want people to select in your form. These may be past dates, events or options you are no longer offering. However, deleting the options form a dropdown, checkbox field or radio options field will mess up your existing entries. Any past entries with those choices will no longer show on their gravity forms entry page. So here is a quick css method of hiding select choices from the front-end so people cannot select them anymore but your past entries will not be affected.

1. Identify the choices css id by inspecting the page in your browser.

2. Add the following code to your custom css:

/*Hide select choices from front-end*/
.gchoice_1_158_0 {
    display: none !important;
}
.gchoice_1_158_1 {
    display: none !important;
}

3. the “1” after gchoice is the form id

4. the next “158” number is the field id

5. the last number is the choice number in the field

Shopping Cart