-
Posts
61 -
Joined
-
Last visited
Personal Information
- Website
-
Location
Westover, MD, USA
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
vicking's Achievements
-
vicking reacted to a post in a topic: Creating a custom search icon in header for Monocle
-
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!
-
sebastian_dnh reacted to a post in a topic: Creating a custom search icon in header for Monocle
-
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!
-
derricksrandomviews reacted to a post in a topic: publishing is through the link of google site, not my registered domain
-
Trying to add an event submission button
vicking replied to InvitedNYC's topic in Customize with code
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. -
Looking for feedback please from you fabulous SQSP forum folk
vicking replied to btgwebb's topic in Feedback on Your Site
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! -
Add Gradient Overlay Top to Bottom on Blog Header Image
vicking replied to mgcreative's topic in Customize with code
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. -
publishing is through the link of google site, not my registered domain
vicking replied to MrMs's topic in Pages & Content
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: -
Ahoy @augustt - are you trying to change your Squarespace account email? If so, here's how.
-
Ahoy @doubleplusgood - there's a free Chrome extension by Chris S-E that enables a tablet view as well.
-
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!
-
Inconsistent mobile spacing issue between different site editors
vicking replied to wegooakland's topic in Pages & Content
Ahoy @wegooakland! Can you share a URL? Also useful: what OS and browser you and your employee are each using. -
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
-
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!
-
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!
- 1 reply
-
- accessibility
- podcast
-
(and 1 more)
Tagged with:
-
Squarespace Disappeared from Google Drive App Settings
vicking replied to xgocatsx's topic in Pages & Content
Weird... Is it still not showing for you? Did you follow the full disconnect/reconnect process?- 2 replies
-
- form-block
- form
-
(and 1 more)
Tagged with:
-
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.