NEED A LITTLE MORE HELP?
You have 30 days of unlimited email support after launch (7/29) to fix any issues (or for me to record any new help videos). This 30-day period does not include additional design requests, copyediting, or SEO.
After that, you can book me for an hour here.
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. *Make sure buttons aren't covered by text boxes.
ADDING IMAGES
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 video
ADDING TESTIMONIALS
ACCORDION BLOCKS (FAQS, etc)
SENDING EMAIL CAMPAIGNS
AFTER SITE LAUNCH
To help your website to be more visible on Google more quickly, you'll need to ask Google to crawl your website. This is not a difficult process, but you'll have to use a Gmail account to do it. I've linked Google's "Guide to Getting Started with Search Console”.
GSC errors - don’t panic
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, images 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
consider blogging (custom list of blog ideas for you!)
add/update your projects regularly
Book additional SEO services with me to keep the momentum going for your site. Google rewards websites that stay active and share helpful information.
For blogging — where to use keyword:
H1
Filenames
FAQ About KEYWORD
URL, meta-description (excerpt)
Use within first 100 words
Table of contents
CUSTOM CODE BACKUP
HEADER INJECTION:
<link rel='preconnect' href='//privacy-proxy.usercentrics.eu'><link rel='preload' href='//privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js' as='script'><script type='application/javascript' src='https://privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js'></script><script id='usercentrics-cmp' src='https://app.usercentrics.eu/browser-ui/latest/loader.js' data-settings-id='PmCo7nXCUygBcG' async></script><script>uc.setCustomTranslations('https://termageddon.ams3.cdn.digitaloceanspaces.com/translations/');</script>
FOOTER INJECTION:
<!-- remove last name from newsletter block -->
<script src="https://ajax.googleapis.com/.../jquery/3.5.1/jquery.min.js"></script>
<script>
(function() {
window.addEventListener('DOMContentLoaded', pcLastName);
function pcLastName() {
let pclNames = document.querySelectorAll('.last-name input');
let pclNameFields = document.querySelectorAll('.last-name'), i, j;
for (i=0; i < pclNames.length; i++) {
pclNames[i].value = "-"; // The Last Name still needs a value
for (j=0; j < pclNameFields.length; j++) {
pclNameFields[j].style.display = "none";
}
}
}
}());
</script>
<!-- end remove last name from newsletter block -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
function convertArrowsToDots() {
console.log('Starting convertArrowsToDots...');
$('.sqs-gallery-container').each(function() {
var $gallery = $(this);
var $galleryInner = $gallery.find('.sqs-gallery');
var $slides = $gallery.find('.slide');
var $controls = $gallery.find('.sqs-gallery-controls');
console.log('Found gallery with', $slides.length, 'slides');
if ($controls.length && $slides.length > 1 && !$gallery.find('.sqs-gallery-dots').length) {
var $dotsContainer = $('<div class="sqs-gallery-dots"></div>');
$slides.each(function(index) {
var $dot = $('<span class="dot" data-slide-index="' + index + '"></span>');
if ($(this).hasClass('sqs-active-slide')) {
$dot.addClass('active');
}
$dot.on('click', function() {
var targetIndex = index;
var $targetSlide = $slides.eq(targetIndex);
$slides.removeClass('sqs-active-slide').css({
'opacity': '0',
'z-index': '888'
});
$targetSlide.addClass('sqs-active-slide loaded').css({
'opacity': '1',
'z-index': '889'
});
var $img = $targetSlide.find('img.thumb-image');
if ($img.length && !$img.hasClass('loaded')) {
$img.addClass('loaded');
var src = $img.attr('data-src');
if (src && !$img.attr('src')) {
$img.attr('src', src);
}
}
$('.dot', $dotsContainer).removeClass('active');
$(this).addClass('active');
});
$dotsContainer.append($dot);
});
$controls.hide();
$gallery.find('.sqs-gallery-meta-container').append($dotsContainer);
console.log('Dots added successfully!');
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
var $target = $(mutation.target);
if ($target.hasClass('slide')) {
var slideIndex = $slides.index($target);
if ($target.hasClass('sqs-active-slide')) {
$('.dot', $dotsContainer).removeClass('active');
$('.dot[data-slide-index="' + slideIndex + '"]', $dotsContainer).addClass('active');
}
}
}
});
});
$slides.each(function() {
observer.observe(this, {
attributes: true,
attributeFilter: ['class']
});
});
}
});
}
$(document).ready(function() {
console.log('Document ready, waiting for gallery...');
setTimeout(function() {
convertArrowsToDots();
var checkCount = 0;
var checkInterval = setInterval(function() {
checkCount++;
console.log('Checking for gallery, attempt:', checkCount);
if ($('.sqs-gallery-container').length > 0 && $('.sqs-gallery-dots').length === 0) {
convertArrowsToDots();
}
if (checkCount > 10) {
clearInterval(checkInterval);
}
}, 1000);
}, 2000);
$(document).on('click', '.previous, .next', function(e) {
setTimeout(function() {
var $activeSlide = $('.sqs-active-slide');
var slideIndex = $('.slide').index($activeSlide);
$('.dot').removeClass('active');
$('.dot[data-slide-index="' + slideIndex + '"]').addClass('active');
}, 100);
});
});
window.addEventListener('load', function() {
console.log('Window loaded, trying again...');
setTimeout(function() {
convertArrowsToDots();
}, 3000);
});
</script>
<style>
.sqs-gallery-dots {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
display: flex;
gap: 10px;
padding: 10px;
}
.sqs-gallery-dots .dot {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.4);
cursor: pointer;
transition: all 0.3s ease;
border: 2px solid rgba(255, 255, 255, 0.6);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.sqs-gallery-dots .dot:hover {
background-color: rgba(255, 255, 255, 0.7);
transform: scale(1.3);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
}
.sqs-gallery-dots .dot.active {
background-color: #fff;
border-color: #fff;
transform: scale(1.3);
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
}
.sqs-gallery-meta-container {
position: relative;
}
.sqs-gallery-controls {
display: none !important;
}
@media (max-width: 768px) {
.sqs-gallery-dots {
bottom: 10px;
gap: 8px;
padding: 8px;
}
.sqs-gallery-dots .dot {
width: 10px;
height: 10px;
}
}
</style>
CSS:
//TESTIMONIAL HOME//
@media screen and (max-width: 767px) {
#block-2a4b688e211a4d72fe37 h3 {
font-size: 26px;
}
}
/* Site Title Hover Effect */
.header-title-text a:hover {
color: #aaa38f !important; /* Your desired hover color (brownish-gold) */
transition: color 0.3s ease; /* Smooth transition for the color change */
}
//header hover//
header#header a {
transition: all 0.3s ease;
}
.header-nav-item>a:hover {
color: #aaa38f !important; /* Added !important here */
background-image: none !important;
transition: all 0.3s ease;
}
// Change Color On Hover Header Button //
.header-actions .btn {
transition: all 0.3s !important;
}
.header-actions .btn:hover {
color: #FFFFFF;
background-color: #aaa38f;
opacity: 1 !important;
}
//all buttons//
@media screen and (min-width: 992px) {
.sqs-block-button-element:hover {
opacity: 1 !important;
color: white;
background: #aaa38f;
transition: all 0.3s !important;
}
}
//newsletter block hover//
.sqs-block-newsletter .newsletter-form-button:hover {
background-color: #aaa38f !important;
color: white !important;
transition: all 0.3s !important;
}
//steps movement on homepage//
/* Replace .your-shape-block-selector with the actual selector for your shape block */
#block-fc39a8920e11e1330145{
/* Add a smooth transition for the movement */
transition: transform 0.5s ease-in-out;
}
/* Apply the transformation on hover */
#block-fc39a8920e11e1330145:hover {
transform: translateX(10px); /* Adjust the value for desired movement */
}
/* Replace .your-shape-block-selector with the actual selector for your shape block */
#block-0a9064ca6f964dd02ad8{
/* Add a smooth transition for the movement */
transition: transform 0.6s ease-in-out;
}
/* Apply the transformation on hover */
#block-65d210d68a48016fe7da:hover {
transform: translateX(10px);
}
/* Replace .your-shape-block-selector with the actual selector for your shape block */
#block-65d210d68a48016fe7da{
/* Add a smooth transition for the movement */
transition: transform 0.6s ease-in-out;
}
/* Apply the transformation on hover */
#block-88927d9a0b776c960bf4:hover {
transform: translateX(10px);
}
#block-88927d9a0b776c960bf4{ transition: transform 0.6s ease-in-out;
}
//arrow to buttons//
///ARROW ADDED TO BUTTON///
.sqs-block-button-element:after {
content: '→';
padding-left: 5px;
font-size: 1.2em;
margin: 0px 0px 0px 5px;
color: #fff !important;
}
// – Accordion Block Styles Services – //
/* make dropdown text full width */
#block-yui_3_17_2_1_1750799267644_11348 .accordion-item__description {
min-width: 95%!important;
}
#block-553ce8b16a32a3e1fc16 .accordion-item__description {
min-width: 95%!important;
}
html {
scroll-behavior: smooth!important
}
//adjust line height blog title//
h1.blog-title a {
line-height: 18px !important;
}
/* arrow to newsletter button */
.newsletter-form .newsletter-form-button::after {
content: '→';
padding-left: 5px;
font-size: 1.2em;
margin: 0px 0px 0px 5px;
color: #fff !important;
}
/* arrow to newsletter button blog */
#block-yui_3_17_2_1_1750968775360_4786 .newsletter-form .newsletter-form-button::after {
content: '→';
padding-left: 5px;
font-size: 1.2em;
margin: 0px 0px 0px 5px;
color: #AB5C64 !important;
}
/* arrow to newsletter button blog hover */
#block-yui_3_17_2_1_1750968775360_4786 .newsletter-form .newsletter-form-button:hover::after {
color: #FFFFFF !important; /* White color */
}
/* arrow to newsletter button blog */
#block-f293baabb010878d5783 .newsletter-form .newsletter-form-button::after {
content: '→';
padding-left: 5px;
font-size: 1.2em;
margin: 0px 0px 0px 5px;
color: #AB5C64 !important;
}
/* arrow to newsletter button blog hover */
#block-f293baabb010878d5783 .newsletter-form .newsletter-form-button:hover::after {
color: #FFFFFF !important; /* White color */
}
/* arrow to email contact form button */
#block-yui_3_17_2_1_1750979866426_17776 .form-submit-button::after {
content: '→';
padding-left: 5px;
font-size: 1.2em;
margin: 0px 0px 0px 5px;
color: #FFFFF !important;
}
/* arrow to email contact form button hover */
#block-yui_3_17_2_1_1750979866426_17776 .form-submit-button:hover::after {
color: #FFFFFF !important;
}
/* Make the button wider and ensure content stays on one line */
#block-yui_3_17_2_1_1750979866426_17776 .form-submit-button {
display: flex !important; /* Use flexbox for internal alignment */
align-items: center !important; /* Vertically center content */
justify-content: center !important; /* Horizontally center content */
/* You can add min-width if flexbox alone doesn't make it wide enough naturally */
min-width: 150px !important; /* Adjust this value as needed to make it wider */
padding-left: 20px !important; /* Add padding to make button wider */
padding-right: 20px !important; /* Add padding to make button wider */
}
/* Ensure the text label within the button is also part of the flex container */
#block-yui_3_17_2_1_1750979866426_17776 .form-submit-button .form-submit-button-label {
white-space: nowrap !important; /* Prevent text from wrapping */
}
/* Change the entire button fill color on hover */
#block-yui_3_17_2_1_1750979866426_17776 .form-submit-button:hover {
background-color: #A6A18B !important; /* Your desired hover color */
}
/*MOVING THE MOBILE MENU BUTTON IN SQUARESPACE 7.1 CLOSER TO THE LINKS*/
.header-menu-nav-folder-content {
flex-grow: 0;
}
.header-menu-nav-folder {
justify-content: center;
}
//shrinkg blog h1 text for mobile//
@media screen and (max-width: 767px) { #block-yui_3_17_2_1_1750968775360_2028 h1 { font-size: 2.5em; } }
@media screen and (max-width: 640px) {
.accordion-item:first-child {
border-top: 1px solid #6C493A;
}
}
/* --- HOMEPAGE SPECIFIC ADAPTIVE HEADER --- */
/* Target your homepage's body tag to apply styles only there */
body#collection-68155b544050a33fcf2ec519 {
/* Site Title Hover Effect (Applies site-wide) */
.header-title-text a:hover {
color: #aaa38f !important; /* This makes site title brownish on hover, anywhere */
transition: color 0.3s ease;
}
/* Header Navigation Link Hover Effect (Applies site-wide) */
.header-nav-item > a:hover {
color: #aaa38f !important; /* This makes nav links brownish on hover, anywhere */
background-image: none !important;
transition: color 0.3s ease;
}
/* Site Title (when not hovered) */
.header-nav-item a,
.header-title-text a {
color: #ffffff !important; /* This sets the default (non-hovered) color to WHITE */
}
/* Make the main header container transparent */
.header {
background-color: transparent !important;
border-bottom: none !important; /* Removes any default border */
position: absolute !important; /* Make it position over the first section */
width: 100%; /* Ensure it spans full width */
top: 0;
left: 0;
z-index: 10; /* Ensure it's above other content */
}
/* Hide the solid background layer Squarespace applies */
.header-background-solid {
opacity: 0 !important;
visibility: hidden !important;
}
/* Ensure content below moves up to fill the space if needed */
.page-section:first-child {
padding-top: 0 !important; /* Reset top padding if Squarespace adds it */
}}
//footer links color hover//
footer.sections a:hover {
color: #AB5C64 !important;
transition: all 0.3s ease;
}
.sqs-svg-icon--list a:hover .sqs-use--icon {
fill: #AB5C64 !important;
}