[Gravity Forms] Adding custom CSS changes the whole thing, is there a way to change specific stuff only?

[ad_1]

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;`
>
>`}`

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer