Title: radio button CSS help
Last modified: February 12, 2019

---

# radio button CSS help

 *  Resolved [dormaj](https://wordpress.org/support/users/dormaj/)
 * (@dormaj)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/radio-button-css-help/)
 * I’d like to change the color of the radio button (from black) and the radio button
   fill dot (also black). Can you help?
 * Thanks!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fradio-button-css-help%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Thread Starter [dormaj](https://wordpress.org/support/users/dormaj/)
 * (@dormaj)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/radio-button-css-help/#post-11194956)
 * Could I also change the size?
 *  Plugin Author [bgermann](https://wordpress.org/support/users/bgermann/)
 * (@bgermann)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/radio-button-css-help/#post-11195605)
 * Just have a look at the readme.txt’s section “Custom theme (CSS) files”.
 *  Thread Starter [dormaj](https://wordpress.org/support/users/dormaj/)
 * (@dormaj)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/radio-button-css-help/#post-11196356)
 * 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]([http://www.deliciousdays.com/download/cforms-css-guide.pdf](http://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.
 *  Plugin Author [bgermann](https://wordpress.org/support/users/bgermann/)
 * (@bgermann)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/radio-button-css-help/#post-11198702)
 * 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 7 years, 2 months ago by [bgermann](https://wordpress.org/support/users/bgermann/).
 *  Thread Starter [dormaj](https://wordpress.org/support/users/dormaj/)
 * (@dormaj)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/radio-button-css-help/#post-11198938)
 * 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 7 years, 2 months ago by [dormaj](https://wordpress.org/support/users/dormaj/).
 *  Plugin Author [bgermann](https://wordpress.org/support/users/bgermann/)
 * (@bgermann)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/radio-button-css-help/#post-11199100)
 * I guess it is the Windows XP default style. By the way: The PDF is from the original
   cformsII author (not me).

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘radio button CSS help’ is closed to new replies.

 * ![](https://ps.w.org/cforms2/assets/icon-128x128.png?rev=1010031)
 * [cformsII](https://wordpress.org/plugins/cforms2/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/cforms2/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/cforms2/)
 * [Active Topics](https://wordpress.org/support/plugin/cforms2/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/cforms2/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/cforms2/reviews/)

## Tags

 * [button size](https://wordpress.org/support/topic-tag/button-size/)

 * 6 replies
 * 2 participants
 * Last reply from: [bgermann](https://wordpress.org/support/users/bgermann/)
 * Last activity: [7 years, 2 months ago](https://wordpress.org/support/topic/radio-button-css-help/#post-11199100)
 * Status: resolved