CSS Style Builder Wizard

The Style builder wizard is used to apply Cascading Style Sheets to the entire web page

CSS Button

Press the CSS button to open the CSS Builder

CSS Button

Font Page

Font Page
  1. Click to select Font settings
  2. Clicking this box, opens the Font Picker menu, where you can chose from a variety of Fonts and add them to your style sheet
  3. This section lets you choose the Fonts Formatting, such as Bold, Italic, Font Size etc.
  4. Remove Style button can be turned on and off to toggle between CSS and regular HTML.

Background

Background
  1. Click to select the Background settings
  2. The Background color of your web page can be changed by clicking  the white background color button. Please note that you need to un-check the Transparent box in order to access the Background color Picker.
  3. When the Transparent box is checked, it will disable the background color that is selected to the left of it.
  4. Open a file location on your computer and select an image that you would like to use as your web pages background.and press Open
  5. Tiling, Scrolling, Horizontal and Vertical orientation of a background image can be altered in this area
  6. The Do not use background image button can be toggled on and off. When checked, the background will default back to the Background color or Transparency settings that you previously set

Text

Text
  1. The Alignment section Aligns the text to the left, right and center. When Justified is selected under the Horizontal drop down, the Justification drop down list becomes available, where you can select a number of Justification options
  2. The Spacing Between section is used to insert additional space between each letter or each line of text. The spacing amount is customizable under the drop down menus.
  3. Text Flow Indentation specifies the indentation of the first line of text in a block container. In other words the amount of blank space before the first word in a paragraph is inserted.

 

Position

Position

Layout

Layout
  1. Visibility: <Not Set>  <Hidden> <Visible>
  2. Display:  <Not Set>  <Do Not Display>  <As a Block Element>  <As and Inflow Element>
  3. Allow Text: To Flow  <Not Set>  <Don't allow Text on Sides>  <To the Right>  <To the Left>
  4. Allow Floating: Objects <Not Set  <On Either Side>  <Only on Right>  <ONly on Left.  <Do Not Allow>
  5. Contend Overflow:  <Not Set>  <Use Scrollbars if needed>  <Always use Scrollbars>  <Content is not Clipped>  <Content is Clipped>
  6. Printing Page Breaks:  <Auto>  <Force a Page Break>  <No Page Break>  <Until a Blank Left Page>  <Until a Blank Right Page>

Edges

Edges
  1. Margins
  2. Padding
  3. Left Edge
  4. Right Edge
  5. Top Edge
  6. Bottom Edge

Lists

Lists

Lists can be Bulleted or Unbulleted. If set to  <Not Set> no Bullet options will be displayed

  1. Select Bulleted, or Unbulleted
  2. Bullets Style: <Not Set>  <Circle>  <Disk>  <Square>  <1234>  <i ii iii iv>  <I II III IV>  <abcd>  <ABCD>
  3. Position:  <Outside (text is indented in)>  <Inside (text is not indented)>
  4. Custom Bullet: When checked, allows use to use a custom image as a bullet point
  5. Click on this button to open a custom image from your Hard Drive.

Other

Other
  1. Selects the cursor style
  2. Table Border
  3. Layout style
  4. Visual effects filter
  5. URL Behavior