Jump to content

SpencerC

Squarespace Employee
  • Posts

    24
  • Joined

  • Last visited

Reputation Activity

  1. Love
    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
  2. Like
    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.
     
  3. Like
    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!
     
  4. Like
    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
  5. Like
    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; }  
  6. Love
    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)
  7. Love
    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; }  
  8. Like
    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!
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.