# Hide Radio Button Select Button

**URL:** https://community.gravityforms.com/t/hide-radio-button-select-button/3045
**Category:** Get Help
**Tags:** css, radio-buttons
**Created:** [October 18, 2019, 2:44am UTC](https://community.gravityforms.com/t/hide-radio-button-select-button/3045 "2019-10-18T02:44:56Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![user5d9e91fa4280c140](https://avatars.discourse-cdn.com/v4/letter/u/74df32/32.png) [@user5d9e91fa4280c140](https://community.gravityforms.com/u/user5d9e91fa4280c140)
#### Post date: [October 18, 2019, 2:44am UTC](https://community.gravityforms.com/t/hide-radio-button-select-button/3045/1 "2019-10-18T02:44:56Z")

</div>

Good Morning,

I am attempting to hide the radio buttons selection button in the fields of my gravity form using the css for the page. I want my customers to select the image I have placed in the text field and see a little color around the image when they have selected it. Here is the code:

```auto
.hideradio input[type="radio"]{display:none;}
body .gform_wrapper ul.gfield_radio li input[type="radio"]:checked+label img{border:solid #000 1px;}

```

I feel that I am targeting the fields, however the input and body tags are greyed out and not effecting the form field. Am I missing something?

Thanks in advance.

---

<div class="post-metadata">

### Author: ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)
#### Post date: [October 19, 2019, 7:50pm UTC](https://community.gravityforms.com/t/hide-radio-button-select-button/3045/2 "2019-10-19T19:50:19Z")

</div>

Please share the URL to the page on your site where we can see your form. Thank you.

---

<div class="post-metadata">

### Author: ![user5d9e91fa4280c140](https://avatars.discourse-cdn.com/v4/letter/u/74df32/32.png) [@user5d9e91fa4280c140](https://community.gravityforms.com/u/user5d9e91fa4280c140)
#### Post date: [October 22, 2019, 12:22pm UTC](https://community.gravityforms.com/t/hide-radio-button-select-button/3045/3 "2019-10-22T12:22:55Z")

</div>

(Email 2 of 2)

I am also not able to target the product and option price fields that I set to radio. I would think that if I set the class to hideradio then I would be able to target the field. And when I and the second class of hideradio in the label field, the class of zoom is negated. I have also put hideradio in the custom CSS of the field.

 ![image3.png](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/1/1c847634d086fe5ac1f30681de756ff295925fcf.png)

Thank you for your time.

Stephanie,

---

<div class="post-metadata">

### Author: ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)
#### Post date: [October 22, 2019, 7:52pm UTC](https://community.gravityforms.com/t/hide-radio-button-select-button/3045/4 "2019-10-22T19:52:20Z")

</div>

You have the classes entered properly, so I am not sure why they are not working together. Have you already shared the URL so we can take a look?

---

<div class="post-metadata">

### Author: ![user5d9e91fa4280c140](https://avatars.discourse-cdn.com/v4/letter/u/74df32/32.png) [@user5d9e91fa4280c140](https://community.gravityforms.com/u/user5d9e91fa4280c140)
#### Post date: [October 22, 2019, 9:32pm UTC](https://community.gravityforms.com/t/hide-radio-button-select-button/3045/5 "2019-10-22T21:32:46Z")

</div>

Yes, apparently the second email overrode the first one because it wont allow me to send more than one image.

Here is the first email without the image. It was a screen shot of the css showing it greyed out and not working.

(Email 1 of 2): sorry for this but your system will not allow me to send more than one picture.

Chris,

Thank you for your response. I am ugly enjoying the diversity, ability and power of gravity forms.

The URL is: [https://jtcerakote.com/order-form-test-page/](https://jtcerakote.com/order-form-test-page/)

The code I am using inside the radio button field label is:

(\<)img src= “[https://jtcerakote.com/wp-content/uploads/2019/09/Untitled\_Artwork.jpg](https://jtcerakote.com/wp-content/uploads/2019/09/Untitled_Artwork.jpg)” height=“100px” width=“100px” class=“zoom” class=“hideradio”\>   
TUMBLER

_(removed to display code and not picture)_

I am using the code in the CSS found on this legacy gravity forms forum:

(h)ttps://legacy.forums.gravityhelp.com/topic/using-an-image-as-a-checkbox-or-radio-button

_(again removed because system wont allow me to post more than one link) [why the heck is that? I can’t show the problem, direct you to the form where i got the information, and give the url to the gform with only one picture and link… sorry, frustrated)_

But the input is grayed out and not affecting the field:

---

<div class="post-metadata">

### Author: ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)
#### Post date: [October 23, 2019, 12:25pm UTC](https://community.gravityforms.com/t/hide-radio-button-select-button/3045/6 "2019-10-23T12:25:40Z")

</div>

Can you please contact us here with the details?

> **[Contact Gravity Forms | Premium Form Plugin For WordPress](https://www.gravityforms.com/contact-us/)**
>
> Have a few questions about Gravity Forms before you buy? Need support? We're here to help you get the most out of our premiere WordPress form solution.

These forums are not helping us resolve your issue. Thank you.

---

<div class="post-metadata">

### Author: ![jason1178](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/jason1178/32/950_2.png) [@jason1178](https://community.gravityforms.com/u/jason1178)
#### Post date: [October 23, 2019, 7:14pm UTC](https://community.gravityforms.com/t/hide-radio-button-select-button/3045/7 "2019-10-23T19:14:07Z")

</div>

There are third-party add-ons that help with this:

> **[Gravity Forms Image Choices](https://jetsloth.com/gravity-forms-image-choices/)**
>
> Easily add images as choices for Radio Buttons or Checkboxes fields within Gravity Forms. Supports Survey, Poll, Quiz, Product and Options fields.

---

<div class="post-metadata">

### Author: ![richardw8k](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/richardw8k/32/2354_2.png) [@richardw8k](https://community.gravityforms.com/u/richardw8k)
#### Post date: [January 4, 2022, 5:16pm UTC](https://community.gravityforms.com/t/hide-radio-button-select-button/3045/8 "2022-01-04T17:16:22Z")

</div>


