Unlock your potential with a Pro Membership
Here is where you propel your career forward. Come join us today. Learn more.
Customizing the Site Title
Lab: Header Components – Developer’s Guide to Customizing Genesis
Video Runtime: 13:04
Let’s have fun with the site title by filtering the HTML, changing the text styling, and adding a logo within the CSS. While you can use the custom header feature to add a logo, using the stylesheet, you are able to load different logos based upon the actual device. For example, you will serve up a smaller image for a mobile device and specify a retina-ready image for retina devices.
When was the last time you got out of your chair and stretched? Just saying…
Episodes
Total Lab Runtime: 02:16:34
- 1 Lab Introductionfree 06:45
- 2 Genesis Header - Overviewpro 14:35
- 3 Detecting the Root Pagepro 14:26
- 4 Building the Site Title - Part 1pro 08:00
- 5 Building the Site Title - Part 2pro 08:33
- 6 Customizing the Site Titlepro 13:04
- 7 Styling the Site Titlepro 04:29
- 8 Introduction to the Custom Header Featurepro 07:31
- 9 Custom Header Feature in Genesis - Part 1pro 15:14
- 10 Custom Header Feature in Genesis - Part 2pro 10:51
- 11 Building the Site Descriptionpro 12:47
- 12 To Render or Not to Render - Header Right Sidebarpro 11:02
- 13 Building the Header Right Sidebarpro 08:28
- 14 Wrap it Upfree 00:49
