Custom/Stylize "Products" radio elements

Discussion in 'Templates customization' started by mtga01, Apr 5, 2013.

  1. mtga01

    mtga01 New Member

    Joined:
    Feb 5, 2013
    Messages:
    2
    Hi ,

    How to stylize/customize the "Products/Plans" radio elements, to select one as "Best value" option, like these examples.

    plans-radio-elements1.jpg

    plans-radio-elements2.jpg

    I just want to know how get these radio elements in the Signup template as a single element and style each option with a css class.
  2. alexander

    alexander Administrator Staff Member

    Joined:
    Jan 8, 2003
    Messages:
    6,274
    You can't do this without javascript code.
    Using jQuery you can change style of parent label element for example:
    Code:
    $("#product-1-21").closest('label').css('color', 'red');
    
    product-1-21 is ID of checkbox/radio elemtn for billing plan #21 within product #1
  3. mtga01

    mtga01 New Member

    Joined:
    Feb 5, 2013
    Messages:
    2
    I'll try.

    Thanks
  4. davidm1

    davidm1 aMember User & Partner

    Joined:
    May 16, 2006
    Messages:
    4,435
    Really nice design of the options. Please post what you figure out.

    David

Share This Page