Foxy Forum Status

We're no longer responding to questions via our forum, but we will keep it up for historical reasons. If you can't find the answer you're looking for, please visit our knowledge base or contact us. If there's enough interest in the future, we may bring the forum back.

Customizing the Billing Address checkbox style

nickffnickff Member
Hey All,

I'm working on styling the checkout page for a 2.0 store ( and having a heck of a time changing the style of the "use a different billing address" checkbox. I've been successful with the "save password" checkbox at step 5 (which is exactly what I want to do to this one), but this one seems to be generated via js/ajax, so I can't override the style via JS.

Any tips for how this can be accomplished would be super appreciated!
  • fc_adamfc_adam FoxyCart Team
    edited May 2015

    First off that's a great looking site and an awesome implementation of FoxyCart!

    The two checkboxes should be generated in the same way - set within the templates. The issue you're running into is that the active class you're utilising for the "save my password" checkbox isn't added to the "use different billing address" checkbox. The rest of your styling is applying - just not the active state.

    Another approach you could take would be to use the :checked CSS selector to only apply styling when the checkbox is checked. You could also alter the template so that the billing address checkbox does include an active class.
  • nickffnickff Member
    @fc_adam thanks man! appreciate the kind words. we're getting close to launch - hoping for this Friday!

    And thanks for the tips. I'll look to do that now. Much appreciated!
  • brettbrett FoxyCart Team
    @nickff, killer looking customization, as always :)
  • nickffnickff Member
    @brett thanks man! she's live -
  • fc_adamfc_adam FoxyCart Team

    Awesome! Congratulations on the launch.
  • nickffnickff Member
    @fc_adam thanks bro!
Sign In or Register to comment.