Documentation & Style Guide

How to do all the things on your website.

Site Colors

#2b3852

#d3a7f1

#c07fea

#281528

#e2e4f6

#f2f2f4

#2274a5

#ffffff

Site Text

Header Font: Zilla Slab & Zilla Slab Highlight

Body Font: Average Sans

 

If promoting an upcoming event or product, the link we’ve set up for that is SarahStremming.com/live — you do need to update where you’d like this link to point (see how to below) but that is the link we established so it’s easy to find!

How to Login and Add Website Users

Overview of What is Where and Why

Editing Your Website Pages

Editing the Header, Footer, or Top Bar

Checking Form Submissions

How to Backup and Run Updates

Spin Up Podcast Category Pages

Setting Up Your /Live Link

Blogging & SEO

If Changes don’t show…

How to Resize Photos

Additional Helpful Info

We have a helpful guide on how to resize images available for your reference here.

On your specific website, here is a quick reference for the image sizes used.

  • Background Images: 1920px X 1080px
  • Mobile Hero Images: 800px X 800px
  • Product Image TOP: 700px x 467px
  • Product Image BOTTOM: 512px X 512px

To determine the size of any other image on the site, you can right click on the image and open it in a new tab and in the tab title (you’ll need to hover over it) it will show you the image size.