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://imagecompressor.com/
then add to site
set ALT TEXT on image
asset library video

ACCORDION BLOCKS

walkthrough: Watch Video

ADDING PRODUCTS

walkthrough: Watch Video

AFTER SITE LAUNCH

Make sure your site is on Google Seach Engine

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. If you already have one, your website will automatically send for the new version.
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: Alata
Paragraphs, Buttons: Poppins

COLORS

view palette & HEX codes

CUSTOM CODE BACKUP

INJECTION

PAGE INJECTION

CSS

html.squarespace-damask .sqs-blockStatus, .sqs-block .removed-script {

display: none !important;

}

//Hyperlink Arrow Icon - light themes

p a strong:after {

margin-left: 2px;

margin-right: 2px;

margin-bottom: 2px;

content: "→";

rotate: -45deg;

display: inline-block;

vertical-align: middle;

font-weight: bold;

}

// Hyperlink, change back to normal weight

p a strong {

font-weight: normal;

}

//Header Button

#header {

.header-actions-action--cta a{

margin-right: 0px;

z-index: 0;

padding: 4px 11px !important;;

}}

#header { .header-actions-action--cta a{

.page-section.bright-inverse {

color: #000 !important;

border-color: #fff !important;

background-color: #fff !important;

}}}

#header { .header-actions-action--cta a{

.page-section.white {

color: #000 !important;

border-color: #fff !important;

background-color: #000 !important;

}}}

//Link Color

p a:hover{

color: #a88052!important;

transition: .1s ease-in-out;}

header nav a:hover{

color: #a88052!important;

transition: .1s ease-in-out;}

//Common styles for all screen sizes

h1 em,

h2 em,

h3 em,

h4 em {

font-family: "Times New Roman";

font-weight: 600;

}

//Selection Color

::selection {

background: #f3ede6;

color: #000;

}

//Global Link Reset

a {

text-decoration: none !important;

}

//Remove Background Images from Nav Items

div.header-nav-item *,

div.container.header-menu-nav-item * {

background-image: none !important;

}

//Footer Link Reset

footer a {