Customizing foxycart buttons?

Hey guys,

Right now I'm just trying to add some CSS classes to customize the foxycart slide-in cart.

I'm able to add classes to style the text, but none of my css classes are changing the buttons. Am I able to use classes alone to style the buttons? (I'm using Webflow and pretty much limited to classes and combo class selectors)

Thanks!


Trying to add padding to these buttons:
image
Comments
  • fc_joshfc_josh FoxyCart Team
    Hi @Epotratz.
    The easiest way to add padding to the top buttons in sidecart is to apply custom css to your Custom Header section in your Configuration settings here: https://admin.foxycart.com/admin.php?ThisAction=TemplateConfig

    Here is an example of what you could paste in there:

    <style>
    #fc .fc-btn-action {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    }
    </style>


    The same applies to any other elements. Using Chrome Inspector, you can get the class name or id of any element. Please let us know if you have further questions.

    Thanks,
    Josh
Sign In or Register to comment.