I am trying to change a section in my Gravity form which is a radio button, but the problem is it changes all other radio buttons and I only want it to change a specific section, not all other sections, is that possible?
the ID of the section I want to only edit is called input\_4\_45, how I can edit my CSS code here to only affect that ID section?
**This is the CSS code:**
>`/*Gravity Forms 2.5+ CSS Styled Radio & Checkbox fields*/`
>
>`.gchoice {`
>
>`z-index:1;`
>
>`position:relative;`
>
>`margin:0 0 10px 0;`
>
>`padding:0;`
>
>`height:70px;`
>
>`}`
>
>`input.gfield-choice-input {`
>
>`z-index:2;`
>
>`appearance:none;`
>
>`margin:0;`
>
>`padding:0;`
>
>`width: 100%;`
>
>`border-radius: 5px;`
>
>`height:100%;`
>
>`background: white;`
>
>`transition: .3s all ease-in-out;`
>
>`position:absolute;`
>
>`background:#dfe1e5;`
>
>`position:absolute;`
>
>`}`
>
>`input.gfield-choice-input:hover,`
>
>`.gchoice label:hover {`
>
>`cursor:pointer;`
>
>`}`
>
>`input.gfield-choice-input:checked {`
>
>`background:#1273e6;`
>
>`}`
>
>`input.gfield-choice-input:checked + label {`
>
>`color:white;`
>
>`}`
>
>`.gchoice label {`
>
>`z-index:3;`
>
>`font-weight:700;`
>
>`color:#141c25;`
>
>`display:block;`
>
>`position: absolute;`
>
>`padding: 0 0 0 30px;`
>
>`top: 33%;`
>
>`transform: translateX(40%);`
>
>`width:100%;`
>
>`overflow:visible;`
>
>`}`
