Build Your Own Business Website header image

Creating Skins

How to Add Custom Fonts to Custom Thesis 2.1 Skins

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to use the Thesis Font API to add a Google Font to the skin so that it shows up in the typical font drop down lists. Member: I have another question. Rick: Uhuh. Member: So I want to use font kit from adobe and, Rick: And which font? Typekit

How to Add the Viewport Meta Tag to a Thesis 2.1 Skin

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In this session we demonstrate how to add the viewport meta tag to a Thesis 2.1 skin by placing the code inside the skin.php. There are some devices that will try to scale the whole page to fit instead of making it change in size to fit the window so we demonstrate how to set

Thesis 2.0 – Summary of How to Create a Full Width Framework Skin

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we give a summary of how to create a full width framework skin. We introduce the BYOB Agility skin which is a responsive skin we are developing, the responsive header image plugin which will swap out 3 different images and the BYOB Orbit Slider Helper for dragging and dropping a slider around.