Updating Foundation Manually

I highly recommend making a full backup of your website before updating the Foundation version. While updating Foundation is pretty straight forward, it’s better to be safe than sorry.

Updating Foundation – CSS Version

  • Download and unzip the newest version of Foundation.
  • Upload the the new Foundation files over the Foundation files in your vendor/foundation directory.
  • Done. It’s really that easy.

Updating Foundation – Sass Version

  • Download and unzip the newest version of Foundation.
  • Upload the the new Foundation files over the Foundation files in the vendor/foundation directory.
  • Upload the the new Foundation JS files in the assets/js directory.
  • Rob Suckley

    where is the $grid_columns variable? which file? cheers?

  • Chris

    Hello Jeremy, How can I update JointsWP (css) with a new customized foundation in also CSS version? All I find in JointsWP css version under “vendor” is sass files of foundation. This is because I want to change the primary color and font color of Foundation.

    • Chris

      I think I have found the right directory: vendor/foundation-sites/dist/

      • Jeremy Englert

        Awesome! You can also replace the entire vendor/foundation-sites/ directory with your new files. That ensures you’re running the newest version of Foundation.

  • http://www.bj2design.com/ Bjarni Wark

    Just a quick question, for the SASS version, the file path “vendor/foundation” seems to have changed to
    “vendor/foundation-sites”?

  • Simone Pagnini

    Hi Jeremy! What about updating the style.css classes and html code?

  • Riccardo

    Hi man, i’ve try to update Foundation version but don’t work.
    Please can you tell me the right step to do this?