Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Dismiss
  1. Code
  2. CSS
Code

HTML Kickstart Essentials

by
Lessons:34Length:3.5 hours
CSSHTMLWorkflow
Crs 16
For full access to all 34 lessons, including source files, subscribe with Elements.
  • Overview
  • Transcript

3.2 Changing Fonts

If you don't want to use the default KickStart font, it's easy to make the necessary changes. In this video, we'll jump over to Google Fonts to locate a different font to use with our site.

Links

1.Introduction
3 lessons, 08:55

Free Lesson
1.1
Introduction
01:08

Free Lesson
1.2
What is HTML KickStart?
01:23

1.3
The KickStart File Structure
06:24

2.The Grid
3 lessons, 18:50

2.1
What is the Grid?
04:09

2.2
Implementing the Grid
10:08

2.3
The Flexible Grid
04:33

3.KickStart Typography
5 lessons, 38:19

3.1
Default Text Styles
05:42

3.2
Changing Fonts
08:14

3.3
Blockquotes
03:48

3.4
Inline Styles
05:24

3.5
Inserting Icons
15:11

4.Creating a Hero Unit
15 lessons, 1:45:19

4.1
Background and Headers
04:54

4.2
Creating Columns
08:27

4.3
Styling the Columns
08:27

4.4
Button Styles
10:18

4.5
Button Bars
03:06

4.6
Creating Menus
07:52

4.7
Creating a Fixed Navbar
04:45

4.8
Tabbed Content
07:46

4.9
Breadcrumbs
09:26

4.10
Image Styles
06:01

4.11
Image Galleries
06:39

4.12
Creating Slideshows
06:24

4.13
Working with Tables
10:35

4.14
Styling Lists
06:03

4.15
Updating Links
04:36

5.Forms
6 lessons, 28:30

5.1
Text Inputs
09:59

5.2
Selection Dropdowns
03:06

5.3
Checkboxes
04:09

5.4
Radios
03:02

5.5
Textarea Inputs
02:39

5.6
Alerts
05:35

6.Conclusion
2 lessons, 07:49

6.1
Adding a Footer
06:12

6.2
Final Thoughts
01:37

Craig Campbell
Craig Campbell
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories