NEED A LITTLE MORE HELP?

My goal is to leave you feeling confident and motivated to take ownership of your new website! This page has several resources to help you navigate various aspects of your website.

NOTES:

  • Save your section as a backup before editing (look for the heart icon)

  • Always check the site on mobile after edits too! Editing causes things to shift

ADDING IMAGES

  • walkthrough video

  • resize vertical images DOWN to 1200px wide, horizontal images DOWN to 2500px wide

  • run through https://tinypng.com/

  • then add to site

  • set ALT TEXT on image if needed

  • asset library videos

WALKTHROUGH VIDEOS

AFTER SITE LAUNCH

POST-LAUNCH SEO CHECKLIST

These are steps you can take to improve your SEO after site launch.

  • Add your website URL to each of your social media profiles

  • If you have a business, create a Google Business account and keep it active with posts and responding to reviews

  • Get backlinks for your website

    • get listed on your local Chamber of Commerce site or other relevant directories

  • Keep your site active

    • add/update your projects regularly

FONTS

  • Headings: Cormorant Garamond

  • Paragraphs, Buttons: Acumin Pro

COLORS

CUSTOM CODE BACKUP

INJECTION

PAGE INJECTION

<style>
  .sqs-announcement-bar {display: none !important;}
</style>

CSS

/* change default heading margin */
h1, h2, h3, h4 {
  margin-bottom: 1rem;
}

/* move header social icons closer */
.header-actions--right .header-actions-action--social .icon:not(:first-child) {
    margin-left: .6vw;
}

/* change header nav active style */
.header-nav-item--active a {
   background-image: none !important;
  color: ~'hsla(var(--darkAccent-hsl), 1)'!important;
}
/* add header nav hover effect */
.header-nav-wrapper a:hover {
 color: ~'hsla(var(--darkAccent-hsl), 1)'!important;
}

/* wrap code blocks instead of scrolling */
.source-code {
    white-space: pre-wrap;
  background: #ffffff;
  border-radius: 30px;
  padding: 20px;
}

/* balance text */
h1, h2, h3, h4 {
  text-wrap: balance;
}
/* remove paragraph orphans */
p {
  text-wrap: pretty;
}

//This changes line height and color in dropdown memu
.header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item {
    line-height: 2.5;
    margin-left: 12px;
}
.header-nav-folder-content {
   background: #fff !important;
}