radio button CSS help

Could I also change the size?

Just have a look at the readme.txt’s section “Custom theme (CSS) files”.

Here is what I found in reference to “Custom theme (CSS) files” in the readme.txt with cforms2 V14.14 package.

“Custom theme (CSS) files

Create a folder under your WordPress plugin directory and call it “cforms-custom”. Move all your custom theme files into it. This folder will protect your changes going forward.

Check out the [cforms CSS Guide](https://www.deliciousdays.com/download/cforms-css-guide.pdf) on layout customization.”

I had already reviewed the PDF and did not see any reference to the radio buttons themselves.

I am using your wide_form.css and looking at that file the only relevant ‘radio button’ section I see is this for title.

/* */
/* radio button title */
/* */

ol.cf-ol li.cf-box-title {
letter-spacing:2px;
margin:12px 0pt 4px 10px!important;
font-size:10px;
color:#888888;
}

In the PDF you have CSS tips for text boxes:

input.cf-box-a,
input.cf-box-b {
margin:2px 0 0 0;
width:16px;
border:none;
}
input.cf-box-a {
margin-left:100px;
}

Could you please point me to the specific variables or line in the styling PDF for radio buttons?

Thank you.

Just use your browser’s built-in development tools (instead of Firebug as suggested in the PDF) and inspect the thing you want to manipulate. Then you will find what selector to use (based on name or class or)

I do not know of any standard CSS properties to change a radio button. They are supposed to be native (operating system defined). You have to use a browser hack or the rather new appearance property.

• This reply was modified 5 years, 9 months ago by bgermann.

OK, but you show a green dot on the selected radio button on your Styling PDF. How did that happen?

Thanks for the help.

• This reply was modified 5 years, 9 months ago by dormaj.

I guess it is the Windows XP default style. By the way: The PDF is from the original cformsII author (not me).