Support » Plugin: cformsII » radio button CSS help

  • Resolved dormaj

    (@dormaj)


    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 to see the link]

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

    (@dormaj)

    Could I also change the size?

    Plugin Author bgermann

    (@bgermann)

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

    dormaj

    (@dormaj)

    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) 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

    (@bgermann)

    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 9 months ago by  bgermann.
    dormaj

    (@dormaj)

    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 9 months ago by  dormaj.
    Plugin Author bgermann

    (@bgermann)

    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.