Website Helpful Hints

I’m here if you have any questions! - Charity

 

In-Page (Index style like Council) Navigation

The code field for “in page” index navigation is hidden below this text box. The button immediately following shows the format link for this type of navigation.


Text Info

General Text Box

this <— “Heading 1”
lkdjfi (to get a line directly under another and to keep formating use “Shift+enter”

that <— “Heading 2” ( to get a paragraph break without having to add another text box use “enter” key

stuff <— “Header 3”

this <-- "Code"

this <— “Normal”

Quote <— select the “ icon on the toolbar

  • The color of the font will shift with the background image. The two pallets are white and black.


Mardown field - Custom text/color

The field below is a “Markdown” field that allows you to customize color, font and size of text for each page.

dear
NETWORK FAMILY

<—Notice this is left justified and opens in a new window! :)

 

<— This button is right justified and does NOT open in a new window.


Images

  • Images can be used as a button, or any type of link (file, webpage, email, phone number, map, etc).

  • You can also use web tools in the “design” tab (after selecting/adding the image) to change shapes, or effects.

  • Feel free to search for images using the built in Unsplash feature

  • Banner graphics - wonderful backgrounds. Do not resize for screen resolutions.

  • Any image (or any feature added) will resize to fit the screen size it is viewed on.


Fun random facts

 

Spacers - like the one used here can resize any added feature or give you more visualization on a page that may only contain a banner image.

 

^ Spacer


Below is the code for an embedded wufoo form. The code will change per form just a web address but a cool way to make something a part of your page rather than another click through.

Fill out my online form.

Accordions make FAQ’s or Steps in a process convenient and aesthetically pleasing to the end user.

  • And your descriptions as well as the fonts / styles within this feature.

  • Description text goes here
  • Description text goes here

Buttons

  • Above are the three built in button sizes.

  • They can be used as any link style (web, email, phone number, file, etc.)

  • If you want your “buttons” for external navigation to fit better with your theming, free free to use an image instead.

  • Keep in mind for in page navigation you must use the built in button feature

  • The color of the font and the button will shift with the background image. The two pallets are white and black.