Tutorial Palette Function

Palette Function

The Palette, which displays to the right of your page in design mode, contains important tools to customize your web pages.  The Palette display will change, depending on the specific function you are using.  All pages automaticlly be formated to display on Desktop, Tablet or Mobile, unless unchecked.

Element Properties

  • You can make manual changes to these elements.  Your changes will apply to the entire box.
  • Select Set to apply manual changes.
  • Note:  If you want to make only partial changes to items in box, To Text Edit Mode

palette function.fw

palette function

  • Shows current positions of selected box.
  • Mobile:  Defaults to No Change.
  • Width:  The width of the selected box.
  • Height:  The Height of the selected box.
  • Top:  Top margin, corresponds to green horizontal line and left ruler.
  • Left:  Left margin, corresponds to green vertical line and top ruler.
  • You can make manual changes to these elements, your changes immediately apply.
  • Text is scrollable - Check box if you wish your visitors to scroll .

Palette_91.fw

 

 

 

Online Website Builder automatically formats web page for all these devices, unless unchecked.

Text

  • Shows default fonts, text size, and color defined in your Template Styles
  • Text Color - Select color wheel to access color chart or enter color code manually.

Palette_4.fw

 

 

Margins - Left, Center, Right, Justified

  • B - BOLD    
  • ABC - Strike Through    
  • U - Underline   
  • I - Italics
  • Links - Quick Access to other web pages.

Text - Edit Mode Heading

  • You can make manual changes to your Headings.  Your changes will only apply to data you have highlighted in text edit mode.
  • Select Set to apply manual changes.
  • Note:  If you want to make changes to entire box, Text Edit Mode.

palette 2.fw

Palette_921.fw

  • Highlight the data you wish to change.
  • The elements described in Text  will now apply only to highlighted data within the box.

Palette_6.fw

 

 

 

  • Link commands:
  • Set Link - Break Link - Anchor Link.

Text - Edit Mode

  • You can make manual changes to your Text.  Your changes will only apply to data you have highlighted in text edit mode.
  • Select Set to apply manual changes.
  • Note:  If you want to make changes to entire box, Go To Element Properties

palette 3.fw

Palette_3.fw

  • Font Type; Text Size; Text Color can be changed for specific portions of data. 
  • Highlight the data you wish to change.
  • The elements described in Text  will now apply only to selected data within the box.

palette 4.fw

 

 

  • Format - Show drop down menu of font sizes created in Template Styles.
  • Insert/Remove Bulleted data - Highlight data to  bullet.  Select icon.
  1. Insert/Remove numbered data - highlight data to number, select icon.

Palette_8.fw

 

 

  • Insert Image
  • Delete Indent
  • Insert Indent
  • Anchor - Pinpoints specific place on web page for link.
  • Insert Horizontal Line.
  • Cleanup Messy Code.
  • Insert Special Characters.

Palette_9.fw

 

 

  • Insert table. 

Images (Unlinked)

  • You can make manual changes to your Image.  Changes apply to entire image. 
  • Select Set to apply manual changes.

group_4.fw_1382192367

Palette_2.fw

  • Img Path -Shows folder name on web server where image resides.
  • For UNLINKED images, type Image name is ALT Text box.
  • Name will display to your vistors when cursor placed on image.