homepage

To replace the hero video

  1. Hover over the top section

  2. click on edit section

  3. go to the background tab

  4. upload new video

Video Page

how to replace png images

Adding images into squarespace

  1. Compress images for faster loading time

  2. in the text box, highlight any word

  3. in the toolbar, click on the link icon

  4. in the pop-up, click on the gear icon

  5. click into file

  6. upload images where it says “upload file”

  7. click on the check box of the file you just uploaded —
    make sure there’s a checkmark beside it

  8. save

  9. Copy the entire Url

  10. then hit remove

replacing images in the code block

  1. double click the code block

  2. replace the image url to the new one

  3. Make sure you paste the new url between the quotation marks

  4. save, exit, refresh

how to move placement & size of images

  1. in the code block, under img src, you’ll see Height and style at the end

  2. to adjust the size of the image, change the value of “height”. The smaller the number, the smaller the image.

  3. adjust the top value to move it up or down. the higher the px value, the further from the top it will move.

  4. adjust the left value to move it left or right. the higher % value, the further from the left it will move.

how to add to the list

  1. Double click the code block

  2. copy everything from <! - - 1 - -> to </div>

  3. paste it at the bottom and change the number so it follows chronologically

THINGS TO replace:

  • Data video

    • go to your vimeo and choose the video you want to use

    • change the video player settings (hide all the icons)

    • click on embed

    • in the embed text box, highlight and copy only the url from https and the last number before the question mark ?

      • It should look like this: https://player.vimeo.com/video/897017351

    • Paste it between the Quotation marks "" in the code block

  • Title

    • To turn any letter into the pooki font, you will have to put the letter between <em> </eM>

  • Img src

    • follow the steps from “how to replace png images” above

digital media page

replace images

  1. Add a text block

  2. type out any text, highlight it

  3. click on the link icon

  4. click on the gear icon

  5. click on file

  6. add image to “upload image”

  7. click the check box and hit save

  8. copy the url then click remove

  9. double-click the code block of the image you want to replace

  10. delete the existing url

  11. paste in the new one between the quotation marks

adding new images

  1. click on any code block on the page

  2. duplicate it by clicking on the duplicate icon

  3. drag it to where you want it placed on the page

  4. follow the steps above to add new image