BuilderChild-Scooter

From IThemes Codex
Revision as of 01:23, October 12, 2011 by Sridhar (Talk | contribs)
Jump to: navigation, search

Contents

How to use GravityForms extension

Scooter child theme comes with an extension named GravityForms which has the styling to make forms created using gravity forms match the rest of Scooter site.

Follow these steps to apply and use the extension:

1. Create a new layout to be used by all Pages that have forms generated by Gravity Forms. It is a good idea to create this layout as a duplicate of your default layout or the layout which would otherwise be used for all Pages.

2. Select GravityForms extension and save the layout.

Scooter-applying-gravity-extn.png

3. Edit each Page having gravity forms shortcode and apply the layout.

Scooter-applying-layout-to-page.png

Setting the Magazine Extension for Scooter Child Theme

Font used for the header image

When you open Scooter's style.css, you can see

@import url(http://fonts.googleapis.com/css?family=Dancing+Script:400,700&subset=latin&v2);

Go to http://fonts.googleapis.com/css?family=Dancing+Script:400,700&subset=latin&v2 in browser and you can see the URL to download .woff file. It is

http://themes.googleusercontent.com/font?kit=DK0eTGXiZjN6yA8zAEyM2VhlQWQpSCpzb2Peu3I-Q34

Download that .woff file and convert it to .ttf using http://www.fontsquirrel.com/fontface/generator and install the font so it is available in a program like Photoshop.

You can then create a image with your desired text in that font.

http://screencast.com/t/5560Idza

A plugin is not required to use google fonts.

With the google font @imported, it can be set for any text like so:

h1.entry-title,
h2.entry-title,
h3.entry-title {
    float: left;
    color: #262626  ;
    font-family: 'Dancing Script', inherit; /* <--- See this line */
    font-size: 38px;
    line-height: 46px;
    text-shadow: #FFFFFF   0px 1px 1px;
}

Item 4

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox