-
Posts
24 -
Joined
-
Last visited
Reputation Activity
-
SpencerC got a reaction from Perna in Checking for Stolen Photos on Site
This is indeed likely a spam submission. To discourage this type of submission, which is usually made by the scammer using bots, we highly recommend implementing Google reCAPTCHA on all your Form and Newsletter Blocks:
https://support.squarespace.com/hc/en-us/articles/115013193528
-
SpencerC reacted to Jo_SQSP in How do you continue to engage with your audience after the holidays?
After the whirlwind of the holiday season, things tend to calm down significantly. You spent the last few months getting all these new customers and expanding your community; now, how do you keep your audience engaged in the new year? Is it newsletters? New stock?
Share your tried and true methods on engaging your audience after the holidays in the comments below.
-
SpencerC reacted to Jo_SQSP in Minimalist vs Maximalist Design: How to choose which one is right for you?
Delicate, understated, and calming? Or bold, exaggerated, and energetic? There are so many options when it comes to packaging design or general branding, each telling its own story.
How would you describe your design style? How did you choose what was right for you? Share your tips below!
-
SpencerC got a reaction from creedon in Checking for Stolen Photos on Site
This is indeed likely a spam submission. To discourage this type of submission, which is usually made by the scammer using bots, we highly recommend implementing Google reCAPTCHA on all your Form and Newsletter Blocks:
https://support.squarespace.com/hc/en-us/articles/115013193528
-
SpencerC reacted to tuanphan in Changing the monospace font
Add to Home > Design > Custom CSS
p.sqsrte-small { font-size: 20px; font-family: futura-pt; }
-
SpencerC reacted to CubeSquared in Countdown Timer on Lock Screen OR Cover Page
Add this to your site, under Settings - Advanced - Code Injection, then scroll down to the Lock Screen section, add this code. The sections in red will need changing to suit whatever you're counting down to and you can play around with fonts, colours, etc.
<div class="container">
<h1 id="headline">Countdown to my whatever:</h1>
<div id="countdown">
<ul>
<li><span id="days"></span>days</li>
<li><span id="hours"></span>Hours</li>
<li><span id="minutes"></span>Minutes</li>
<li><span id="seconds"></span>Seconds</li>
</ul>
</div>
<div class="message">
<div id="content">
<span class="emoji">🥳</span>
<span class="emoji">🎉</span>
<span class="emoji">🎂</span>
</div>
</div>
</div>
<style>
/* general styling */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.sqs-slide-wrapper[data-slide-type="lock-screen"] .sqs-slide {
height: 100%;
margin: 0;
}
.sqs-slide-wrapper[data-slide-type="lock-screen"] .sqs-slide {
align-items: center;
background-color: #ffd54f;
display: flex;
font-family: -apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
"Helvetica Neue",
sans-serif;
}
.container {
color: #333;
margin: 0 auto;
text-align: center;
}
h1 {
font-weight: normal;
letter-spacing: .125rem;
text-transform: uppercase;
}
li {
display: inline-block;
font-size: 1.5em;
list-style-type: none;
padding: 1em;
text-transform: uppercase;
}
li span {
display: block;
font-size: 4.5rem;
margin-bottom: 2rem;
}
.message {
font-size: 4rem;
}
#content {
display: none;
padding: 1rem;
}
.emoji {
padding: 0 .25rem;
}
@media all and (max-width: 768px) {
h1 {
font-size: 1.5rem;
}
li {
font-size: 1.125rem;
padding: .75rem;
}
li span {
font-size: 3.375rem;
}
}
</style>
<script>
(function () {
const second = 1000,
minute = second * 60,
hour = minute * 60,
day = hour * 24;
let birthday = "Dec 31, 2020 00:00:00",
countDown = new Date(birthday).getTime(),
x = setInterval(function() {
let now = new Date().getTime(),
distance = countDown - now;
document.getElementById("days").innerText = Math.floor(distance / (day)),
document.getElementById("hours").innerText = Math.floor((distance % (day)) / (hour)),
document.getElementById("minutes").innerText = Math.floor((distance % (hour)) / (minute)),
document.getElementById("seconds").innerText = Math.floor((distance % (minute)) / second);
//do something later when date is reached
if (distance < 0) {
let headline = document.getElementById("headline"),
countdown = document.getElementById("countdown"),
content = document.getElementById("content");
headline.innerText = "It's my birthday!";
countdown.style.display = "none";
content.style.display = "block";
clearInterval(x);
}
//seconds
}, 0)
}());
</script>
Hope this helps! Good luck. (www.twitter.com/cubesqddigital)
-
SpencerC reacted to tuanphan in [Share] Remove Header on One Page
Some custom code to remove header on Entire Site - One Page
Support: SS 7.0 & SS 7.1
7.1 is latest version. Most sites you just created, or created in the last few months, always default to 7.1
Notes:
Add to Home > Design > Custom CSS or Website > Website Tools > Custom CSS Squarespace 7.1
(7.1) One Page
Add to Page Header or Code Block on that page
<style> header#header { display: none !important; } </style> (7.1) Desktop only
Add to Custom CSS
@media screen and (min-width:992px) { header#header { display: none !important; } } (7.1) Mobile only
@media screen and (max-width:991px) { header#header { display: none !important; } } (7.1) After Scroll
header#header.shrink { display: none !important; } (7.1) Before Scroll
header#header:not(.shrink) { display: none !important; } (7.1) When overlay menu/burger menu is open
body.header--menu-open header#header { display: none !important; } (7.1) Blog List Page Only
body[class*="type-blog"].view-list header#header { display: none !important; } (7.1) Blog Detail Post
body[class*="type-blog"].view-item header#header { display: none !important; } (7.1) Specific blog post
Edit that post > Add a Code Block at bottom of post > Use this code
<style> header#header { display: none !important; } </style> (7.1) Event List Page
body[class*="type-events"].view-list header#header { display: none !important; } (7.1) Event Detail
body[class*="type-events"].view-item header#header { display: none !important; } (7.1) Specific event items
Edit event > Add a Code Block at bottom of event
<style> header#header { display: none !important; } </style> (7.1) Shop/Category Page
body[class*="type-products"].view-list header#header { display: none !important; } (7.1) Product Detail
body[class*="type-products"].view-item header#header { display: none !important; } (7.1) 1 product
Edit product > Add a Code Block in Additional Info
<style> header#header { display: none !important; } </style> (7.1) Some specific products
First add a tag with name: no-header, then assign it for some products, then use this code to Custom CSS
.tag-no-header header#header { display: none !important; } (7.1) Cart Page
body#cart header#header { display: none !important; } (7.1) Search Page/Search Results
Add code to Website > Website Tools > Code Injection > Footer
<script> if (document.location.pathname.indexOf("/search") == 0) { document.querySelector('body').classList.add('t-search') } </script> <style> body.t-search header#header { display: none !important; } </style>
Avenue
header#header { display: none; } div#mobileMenuLink { display: none; } Aviator
header#header { display: none; }
Bedford Family
Include: Anya, Bedford, Bryant, Hayden, Bedford
header#header { display: none; }
Brine Family
Include: Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Custom Template, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West, Brine.
/* Hide Header */ .Header { display: none !important; }
Farro:
Include: Farro, Haute
.Mobile-bar { display: none; } header.Header { display: none !important; } Five
div#navigation-top { display: none; } nav#mobile-navigation { display: none !important; } Flatiron
header#topBar { display: none; } Forte
div#headerWrapper { display: none; } Ishimoto
header#header { display: none; Momentum
header#header { display: none; } Montauk
Include: Julia, Kent, Montauk, OM
header#header { display: none; } Native
header#header { display: none; } Pacific Family
Include: Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific
header#header { display: none; } Skye Family
Include: Foundry, Indigo, Ready, Skye, Tudor
div#headerAnnouncementWrapper { display: none; Tremont
Include: Camino, Carson, Henson, Tremont
header#siteHeader {display: none;} Wexley
header#header { display: none; } /* Mobile */ div#mobileMenuLink { display: none; } York Family
Include: Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor, York
header#header { display: none; } -
SpencerC got a reaction from Levixmo in Zip Code Service Restriction with Advanced Commerce
Hi @Levixmo,
If you have a Commerce Advanced plan, and you're based in the US or Canada, if you set up local shipping zones restricted to your area, customers who try to enter an address outside of that area won't be able to, so they won't be able to place their order in the first place.
To ensure this works, make sure you don't have any other shipping options enabled for the rest of your country or 'Rest of the World'.
If a customer decides to force an order by using a ZIP code that you have permitted, but then enters in address details which are actually not within that ZIP code at all, you can cancel and refund the order with these steps.
I hope that helps!