Notes for Walter and others that may help.
We’ll use this page for quick reference - it doesn’t contain all you need to know to build just key things. When I can’t figure out how to do something, I’ll search google starting search with Squarespace. When looking at the results, we are using versus 7.1 There are a ton of Youtube videos also.

Practice Text box to edit content.

To make text changes when in a text box:

  1. View page you want to edit

  2. Click EDIT button top left corner

  3. Click within the area and a text menu option will appear

  4. Click the Pencil

  5. Make changes,

    • Helpful icon is the Undo button next to EXIT.

  6. click SAVE (often)

  7. Once done click EXIT

Add a new Text item to page, separate to existing:

  1. click within section

  2. Click Add Block

  3. Choose Text

  4. A box appears with “Write here….”

  5. Click within box and start typing.

The text box will most likely need to be moved.

  • Click off the text box, then hover once in the box where the icon becomes a hand. Click and drag the text box where you want it.

  • All items will snap to the grid you see when you move items.

Formatting text shortcuts

  • Bold Ctrl-B or command-B

  • Italics Ctrl-I or command-I

Edit Blog author

  1. Go to Pages panel and view a blog where you see the list articles (example, 1980s - you see the list of articles underneath 1980)

  2. Click on Settings

  3. On default window that pops up, scroll down to Author and change to ESFC.

  4. Close window

Key Points:

Fonts

We are using SS fonts and sizing. There are 4 Heading choices and 3 Paragraph choices.

Common Formatting options used (in the text menu bar):

  • Justification

  • Lists using Bullets or numbers

  • Color - the color palette of the website (maintained under styles) can limit choices if find the current color palette too restrictive, we can try other palettes - those are located when you click the Paintbrush

Paragraphs

The text box will word wrap. Click and drag the text box if needed. Use the Return key to start a new paragraph.

Spacing between paragraphs is preset something like 1.5 and 99% of the time no problem.

  • Word wrap is one line

  • RETURN is 1.5 lines

  • SHIFT-RETURN one line.

Our News formatting:

  • 1-2 word quick hit in Bold then Colon

  • The news item should be in normal font

  • example below

    • Erika interview: Erika will be interviewed by …

Page organization:

Sections: The pages are divided into SECTIONS. There are different types of Sections.

  • You can format a Section with background imaging and coloring.

    • the blue waves we have in sections are applied

      • click on SECTION

      • click EDIT SECTION

      • click BACKGROUND

      • click ART

      • Ours is 1st on second column

        • once applied click on the formatting button within the choice button

        • SURFACE HEIGHT = Low

        • PATTERN = Low

        • no motion

  • Formatting options vary depending on the type of Section it is. For instance a BLOG only allows color background and doesn’t provide option for background art

Blocks: Items within the SECTION are in BLOCKS. Frequently used on our site are Text and Image

  • Blocks can be moved around but snap to the grid which helps with aligning items on the page but makes it hard sometimes

  • To move several Blocks at one time, hold the SHIFT key while you click on the blocks you want to move

To add a name to a gallery picture:

  1. Open page, click Edit

  2. Click within the Gallery (hover over pictures)

  3. Click on Pencil

  4. The Gallery box appears where you will see all of the pictures.

  5. In the Gallery box, hover over the pic you want to add the name, a very small, black mini menu appears within the picture - click on the Gear (looks like the commonly used Settings icon)

  6. the Edit Image box appears. Input the name into the top white box (where it says Enter an image title…) only input the title

  7. Click Save

  8. In the Gallery box that appears, in Design click on Show Title

  9. click outside the Gallery box

Gallery Box Design Options:

The early pages created used Slideshow - the downside of this approach is that you are unable to click to enlarge. We switched to using a Grid

Slideshow: Shows a large picture with thumbnails below. Direction arrows allow back and forward. Timing sequence can be applied (but is annoying after awhile.

Carousel: Like a Slideshow but a single vertical line of pictures that rotate by. It doesn’t always start with highlighting the first picture — found it annoying.

Grid: lays out all pics in the gallery in rows and columns. found this to be easier to use.

  • Aspect Ratio - determines the size of the thumbnail that appears on the screen - commonly used 1:1 Square and 16:8 Widescreen

  • Crop Images - helpful to have a standard size, but doesn’t show the entire image - most will click to enlarge so not a huge deal

  • # of columns - use the first slider - can go from 1 to 10. The more in the row, the smaller the thumbnail

  • Padding - left it as the default

Stacked: aligns pics on top of each other but it doesn’t allow for the lightbox - so tend to use Grid with 1 column (no crop) for the same effect

To add pic to Gallery:

  1. Open page, click on Edit

  2. Click with the Gallery

  3. Click on the Pencil

  4. in the Gallery box, you will see the pictures

  5. Scroll down in that box until you see the “Upload Images”. click “Upload Images”

  6. Find the picture file on your computer (must be a jpeg/jpg file format). Note - if you have several that are in the same location to add, hold your CTRL key down and click on each picture (to multi-select)

  7. Once uploaded - if you are using Crop Images, you can control what part of the image appears by dragging the image focal point

  8. Click anywhere outs the gallery box - exit

Note - changes to an existing gallery happen live, Save will not be an option if that is the only change you have made on the page.