Loading

From Showit Manual

The Style tab adjusts the colors and Fonts of a Style group. If you use the Style tab to create a theme or color scheme and then use these style elements throughout your pages, then it is easy to quickly make changes on this Style tab that can affect multiple pages across your site.

The Fonts you choose in your style will be loaded first when you load a page in the Style Group, so it is important to set your fonts here and don't leave fonts selected that are not used in your site.

The following example shows how selecting a text box and setting the Style to Subheading can then be adjusted on the Style tab in the Subheading section:

Style Buttons

At the bottom of the Style tab are some additional controls.

• Advanced: Here you can use CSS to adjust the text and color style presets and add additional custom styles
• Use Parent: This will apply the style settings of the parent Style Group to the current style group
• Reset: This will reset the style settings to the default style

Advanced Options

The advanced options give you CSS control over the styles for users who want to quickly manually adjust the CSS settings. You can create additional CSS colors that will show in the drop downs and the best way to create your own is to copy one of the current styles and change the the name, the label and the color to your own.

For Color Styles the format is:

       .background{
       color: #000000;
       label: Background;
       }

For Text Styles the format is:

       h1{
       font-size: 35;
       font-family: Fontin Regular;
       label: Heading;
       font-style: bold;
       color: #ffffff;
       }

From this advanced screen you also have the option to Export A Style Group completely into a folder on your hard drive. You can then import this Style Group to another website when you are on the Add Style Group wizard.