Jump to content

vicking

Circle Member
  • Posts

    61
  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. I've really been liking Monocle site search (affiliate link)... So I made a lil' review and tutorial video about how to turn their search link in your site header into an SVG icon. If you wanna jump straight into the code: Header Code Injection (you can swap the SVG with any other; I like svgrepo.com for SVGs. Just remember to change the SVG's color in the code to currentColor to integrate with your site's color scheme.) <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { // Select all potential search links in the header for both desktop and mobile var searchLinks = document.querySelectorAll('header a[href="/search"]'); searchLinks.forEach(function(link) { link.innerHTML = ` <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="bi bi-search" viewBox="0 0 24 24"> <path fill="currentColor" fill-rule="evenodd" d="M4 9a5 5 0 1110 0A5 5 0 014 9zm5-7a7 7 0 104.2 12.6.999.999 0 00.093.107l3 3a1 1 0 001.414-1.414l-3-3a.999.999 0 00-.107-.093A7 7 0 009 2z"/> </svg> `; }); }); </script> Custom CSS (to align and space it on desktop and mobile) /* Style for the search icon header */ #header a[href="/search"] svg { fill: currentColor; width: 24px; height: 24px; vertical-align: middle; } /* Style for the search icon in mobile menu */ .header-menu-nav-item a[href="/search"]{ transform: scale(1.4); margin: 10px 0px 0px 0px; } Sorry/notsorry for the provocative video title... More detail in text form on my blog post. Great work @Felix_DNH!
  2. I've really been liking Monocle site search (affiliate link)... So I made a lil' review and tutorial video about how to turn their search link in your site header into an SVG icon. If you wanna jump straight into the code: Header Code Injection (you can swap the SVG with any other; I like svgrepo.com for SVGs. Just remember to change the SVG's color in the code to currentColor to integrate with your site's color scheme.) <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { // Select all potential search links in the header for both desktop and mobile var searchLinks = document.querySelectorAll('header a[href="/search"]'); searchLinks.forEach(function(link) { link.innerHTML = ` <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="bi bi-search" viewBox="0 0 24 24"> <path fill="currentColor" fill-rule="evenodd" d="M4 9a5 5 0 1110 0A5 5 0 014 9zm5-7a7 7 0 104.2 12.6.999.999 0 00.093.107l3 3a1 1 0 001.414-1.414l-3-3a.999.999 0 00-.107-.093A7 7 0 009 2z"/> </svg> `; }); }); </script> Custom CSS (to align and space it on desktop and mobile) /* Style for the search icon header */ #header a[href="/search"] svg { fill: currentColor; width: 24px; height: 24px; vertical-align: middle; } /* Style for the search icon in mobile menu */ .header-menu-nav-item a[href="/search"]{ transform: scale(1.4); margin: 10px 0px 0px 0px; } Sorry/notsorry for the provocative video title... More detail in text form on my blog post. Great work @Felix_DNH and @sebastian_dnh!
  3. Ahoy @InvitedNYC, unfortunately that's not possible on Squarespace. Your only real option is what you're doing now: an event form, from which you build the event manually. There are a couple of ways you could do it with Wordpress... but that would entail moving your whole site from Sqsp to WP.
  4. Ahoy @btgwebb - nice work! My notes: Homepage header image is pixelated/low-resolution. Replace with a crisper image. I'd suggest a little more in the footer than you have. Sqsp's starter footer section layouts are all decent. Add your business name, navigation links to all your important pages, contact info if you want. In How It Works, switch the order of the 2 sections so the 4 steps shows before the sample report. Maybe add more testimonials on that page too. On About, replace the "Welcome to our website" headline with something about how you solve your customer's problem. (About is actually still about them. Only about you insofar as you can help them.) Make the cart icon border rounded to match everything else, or remove it. Announcement bar could probably be removed soon. On messaging, I'd make some version of "Easily Lower Your Energy Bill" the main headline. I dunno how clear the "Are You Switchable?" line is - if I'm understanding it right, can't anyone in Ireland switch tariffs? Might be too clever by half Last thoughts - on SEO - I made a video about off-site SEO stuff to do after you publish your Sqsp site (start at 1:04 in): If you want to go deeper into SEO, I recommend the SEOspace plugin (affiliate link - but only recommending it because I use it every week and it's great). Hope this helps!
  5. Ahoy @mgcreative I don't have a solution for you at the moment but @WillMyers might 😉 Also make sure you're using the latest version of that tutorial. I took a few classes at Covenant back in the day... nice to see they're still kickin' it.
  6. Ahoy @MrMs - if you're trying to connect your Squarespace-managed domain to your Google Site, you'll need to connect the domain in Google Sites:
  7. Ahoy @augustt - are you trying to change your Squarespace account email? If so, here's how.
  8. Ahoy @doubleplusgood - there's a free Chrome extension by Chris S-E that enables a tablet view as well.
  9. Ahoy @CDBey76! If you put this in your URL mappings, it *should* work: /kiosk/kiosk.html -> http://nkcareercenter.wwwmi3-tr1.supercp.com/kiosk/kiosk.html 301 Let me know if it works for you!
  10. Ahoy @wegooakland! Can you share a URL? Also useful: what OS and browser you and your employee are each using.
  11. Ahoy @copenhagen-claus, for what it's worth, when I get emails via Squarespace forms, they come from form-submission@squarespace.info I'd suggest changing your form's destination email to a Gmail address or another more common email service, submit a form to that address, and forward that email (and the message source) to your Danish provider and let them sort it out. More about SPF records SPF lookup tool
  12. Ahoy @judyc, unfortunatly Sqsp is still super limited on the donation front. In the past I've set up a client's donation engine on Givebutter (very generous free tier) and then just embedded those giving widgets on their site. Gives them a lot more options for donations and donor communications. I suppose you could use products as funds with donation amounts as product variants... but then you'd lose the ability for donors to name their amount. Let me know what you end up doing!
  13. Hi @ElizabethGuilt, there's no way to edit Sqsp's RSS feeds... If transcripts are important to you, I'm afraid you'd have to shift your podcast's RSS feed off of Squarespace onto another podcast host that supports transcript tags. Something like Podcastpage (affiliate link) or Castopod (open-source self-hosted). If you host it for free with Spotify, they generate a transcript, but they don't let you edit it, and I don't know if the transcript is inserted into the RSS feed and available outside of Spotify. Good luck!
  14. Weird... Is it still not showing for you? Did you follow the full disconnect/reconnect process?
  15. Ahoy @aybarscinar, here are the steps to disable DNSSEC: Open your domains dashboard. Click the domain you're editing. Click DNS, then click DNSSEC. Switch off the toggle beside DNS Security Extensions. A confirmation window will appear. Click Confirm. This removes the DNSSEC information from the domain and registry.
×
×
  • 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.