Join Jen Kramer for an in-depth discussion in this video Overriding the core Foundation CSS, part of Learning Foundation 4.
As I've mentioned at the beginning of the course, Foundation offers a comprehensive …way of changing your styles globally via the use of Compass and Sass. …This is the best way to style your Foundation site since you can easily …manage the global variables ensuring your page is going to change uniformly. …However, it is possible to not use Sass and just use CSS to override Foundations …core styling and of course enhance it as well. …You can use it to tool like Firebug to identify the styles effecting an element …on your page. Copy those styles to your custom style …sheet and then override those desired values as always you can also create your …own custom styles in the style sheet. Which would be new styles that are …outside the realm of foundation for styling your page.…
And of course you can also combine working with Sass and working with DCSS …overrides when working on your site as well. …So I'm starting with this document here called 3-overridecss.html. …It's located inside your exercise files folder if you have not been following …
- What is Foundation?
- Exploring the grid system
- Working with lists
- Styling buttons, thumbnail images, and more
- Including flexible video
- Adding breadcrumbs to the navigation
- Working with Clearing, the responsive lightbox
- Creating accordion panels and tabs for in-page navigation
Skill Level Beginner
1. Foundation Introduction and Download
2. The Grid System in Foundation
3. CSS Overview
4. Navigation Systems
Next steps2m 12s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.