Jump to content

colin.irwin

Circle Member
  • Posts

    3,602
  • Joined

  • Last visited

  • Days Won

    92

Reputation Activity

  1. Love
    colin.irwin got a reaction from goosbumps in I've done something to my website with custom CSS & lost the social links on the mobile menu. Can anyone help?   
    What are you trying to achieve with the custom css? It looks there are rules in there to hide the social icon svgs and you're trying to replace them with background image pngs?
  2. Like
    colin.irwin got a reaction from derricksrandomviews in no results for website search   
    As mentioned in the first response above, it can take some time for Google to find a new website and then more time for it include results from that site in its index. 
    The .com and .org.uk sites are treated as completely separate entities by Google, so there's a danger that your old site will continue to rank higher than the new one because it has been around longer. 
    To resolve the situation I would do the following:
    First, install Google Analytics (GA) on your new site. You'll need this later and it's best to do it before you move on to the next step.
    Second, add the old .com domain name to your .org.uk Squarespace site while ensuring the .org.uk remains as the default domain. This is achieved by changing the DNS settings for your old .com domain as per instructions in Squarespace admin system. 
    This means that your old site is no longer accessible and people trying to access .com will be redirected to .org.uk
    This is only  part of the solution because the page names will be different between the two sites and visitors could be directed from search results to a 404 - Page not available  error. 
    Third, look at the landing pages to your new site in the Google Analytics site you set up. 404 errors will show up as page names from the old site. If any of them are getting significant traffice you can set up URL mappings . These URL mappings should point from the page url of the old site to the most relevant page url on the new site
    For example:
    /aboutus.html -> /about-us 301 /oldurl -> /newurl 301 When I've done this for some large site migrations we often set up a lot of URL mappings in advance and then check Google Analytics for any that slipped through the cracks. 

    Depending on the level of inbound traffic to the old site from search, links on other sites & blogs, social posts, etc you should be able to set up all the URL mappings you need by initially checking Google Analytics hourly (for busy sites) or daily for most sites. After a few days I would then switch to checking once a week for a couple of weeks. That should trap all the 404s that are getting any significant traffic. 
     
  3. Like
    colin.irwin reacted to sorca_marian in Form Post Submit JavaScript suddenly stopped working   
    I have created a video about this and posted the code on GitHub(https://github.com/sorcamarian/squarespace-tricks/tree/main/Forms)
     
  4. Like
    colin.irwin got a reaction from mdemartin in Content Security Policy (CSP) Missing.   
    I've had a client's insurers flag up the lack of a CSP. 
    The single domain fix used by @Cinthetic and @mdemartin breaks the editor because the CSP needs to include all domains that provide scripts, media, etc.  Effectively, the CSP meta tag is blocking loading of the editing interface. 
     
    I've experimented with a multidomain CSP meta tag
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' *.squarespace.com *.squarespace-cdn.com *.squarewebsites.com www.google-analytics.com ajax.googleapis.com www.gstatic.com www.googletagmanager.com static1.squarespace.com"> However, it still breaks sites because inline styles and scripts are blocked by the Content Security Policy and I can't see a way of signalling them as being trusted. 
     
  5. Like
    colin.irwin got a reaction from Bhavik in Home page video not working/playing   
    I've been experiencing video banner problems for months on a number of sites. 
    The site in your link shows the same console error as I see.  The performance script throws a 500 error. I suspect the performance script includes code for building video backgrounds and retrieving content from Vimeo / YouTube. 
    The only solution I've found (and I'm not certain it's a robust solution) is to upload the videos to the Squarespace site via the video loader. They seem to work that way but video uploading is only part of 7.1 sites. 

  6. Love
    colin.irwin got a reaction from artpimpress in Decreasing Section Padding Squarespace 7.1   
    There is a min-height of 33vh set on sections. You need to override that to get the sections smaller. 

    For all sections this would be:
    .page-section { min-height: 0 !important; } For a specific section you need to specify the data-section-id that can be found by inspecting the page code using your browser's developer tools.

    Somethig like this:
    .page-section[data-section-id="5d979fd8590a832f3c411579"] { min-height: 0 !important; }  
  7. Like
    colin.irwin got a reaction from I-FT in How do I change the size of the social media icons?   
    Add
    .sqs-block-socialaccountlinks .social-account-list.social-icon-size-large a:before, .sqs-block-socialaccountlinks-v2 .social-account-list.social-icon-size-large a:before, .sqs-block-socialaccountlinks .social-account-list.social-icon-size-large a:link:before, .sqs-block-socialaccountlinks-v2 .social-account-list.social-icon-size-large a:link:before, .sqs-block-socialaccountlinks .social-account-list.social-icon-size-large a:visited:before, .sqs-block-socialaccountlinks-v2 .social-account-list.social-icon-size-large a:visited:before { /* The icon size */ font-size: 40px; } .sqs-block-socialaccountlinks .social-account-list.social-icon-size-large a, .sqs-block-socialaccountlinks-v2 .social-account-list.social-icon-size-large a, .sqs-block-socialaccountlinks .social-account-list.social-icon-size-large a:link, .sqs-block-socialaccountlinks-v2 .social-account-list.social-icon-size-large a:link, .sqs-block-socialaccountlinks .social-account-list.social-icon-size-large a:visited, .sqs-block-socialaccountlinks-v2 .social-account-list.social-icon-size-large a:visited { /* Space around icons */ width: 40px; height: 40px; }
    To your Custom CSS Editor
  8. Love
    colin.irwin got a reaction from concretenz in Breadcrumb at the start of every blog post.   
    The code below is part of a larger function that manages breadcrumbs for multiple sections of a client's site - blog collections, index pages and regular pages. 
    This is just for the news section, which is a blog. 
    First the JavaScript (this requires jQuery to be installed).  Also, it's for a 7.0 site with Ajax loading enabled. For 7.1 sites or 7.0 sites with Ajax disabled you would swap out the window.Squarespace.onInitialize(Y, function() for $(document).ready(function(){
    window.Squarespace.onInitialize(Y, function(){ processBreadcrumbs(); }); function processBreadcrumbs() { var thisPath = window.location.pathname; var thisPage; var breadcrumbLink; if (thisPath.includes('/news')) { $('.BlogItem-title').addClass('pad-site'); thisPage = $('.BlogItem-title').text(); $('.Main--blog-item .Main-content').prepend('<div id="breadcrumbNewsArticle"><div><a href="/">Home</a> &#187; <a href="/news-and-insights">News</a> &#187; <span class="truncate">'+thisPage+'</span></div></div>'); } }  
    Now some Custom CSS. The first class, .pad-site, is just to format the blog post title to make it consistent with the rest of the site. 

    The second class,  .truncate, tidies up long post titles so that the breadcrumb doesn't look too long. It stops the text at 320px wide and inserts an ellipsis to indicate it has been truncated.  It looks like this:

    The third CSS rule that begins with [id^="breadcrumb"] contains the styling for the breadcrumb links. 
    The Custom CSS
    .pad-site { padding-top: 34px; font-size: 28px; } .truncate { display: inline-block; width: 320px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; } [id^="breadcrumb"] { font-size: 16px; font-weight: 400; font-style: normal; font-size: 16px; letter-spacing: .1em; a { color: @black; border-bottom: 1px dotted @black; &:hover { opacity:0.8; } } }  
    Finally, a caveat. I haven't tested this code on 7.1 sites. It's probable that it won't work by simply pasting it into your site and would need some editing to make it function correctly. 
  9. Like
    colin.irwin got a reaction from bellefonte in How do I delete imported images?   
    You can’t.  It makes the feature useless for anything other than brand new sites. 
  10. Like
    colin.irwin got a reaction from hdpl in Embedding Vertical Video Resolution   
    I implemented autoplay videos with non standard aspect ratios on this site - https://www.inthewhiteroom.com/#home-about-us
    You use a video block but rather than inserting the video URL you instead use the Embed Data option to insert IFRAME code.

    The IFRAME code includes the height and width of the video. It can be larger than the slot it fits within because the surrounding video block sets its actual size. 

     
  11. Like
    colin.irwin got a reaction from EarvinChong in Can I add multiple locations on a map?   
    You can create custom maps using Google Maps and then embed them in your Squarespace site.
  12. Like
    colin.irwin reacted to Jo_SQSP in Introducing Forum Achievements   
    Hello Squarespace Community!
     
    Over the last several years, our community has turned the Squarespace Forum into a welcoming resource for website owners to receive support and constructive feedback from their peers. 
    We’re excited to celebrate your contributions to the Squarespace Forum by releasing our new Forum Achievements program. Over the next few days, you’ll start to see badges appear for your forum activity. Qualifications for each badge will be calculated retroactively, meaning that you’ll be credited for your forum contributions throughout your entire Squarespace journey. 
    A variety of actions—posts, comments, feedback, reactions, and more— will be represented across different badges to reward all forms of forum participation. You’ll also receive a rank designation based on your forum contributions. Both your badges and rank designation will be visible in your forum profile.
    We look forward to the evolution of this program through your feedback and participation. Comment below to let us know if you have any questions about Forum Achievements!

    Cheers,
    The Squarespace Community team
     
  13. Like
    colin.irwin reacted to houghtoncreative in Breadcrumb at the start of every blog post.   
    Cheers @colin.irwin
    Here's it working on 7.1
    <script>$(document).ready(function(){ var thisPath = window.location.pathname; var thisPage; var breadcrumbLink; thisPage = $('.blog-item-title').text(); $('.blog-item-top-wrapper').prepend('<div id="breadcrumbNewsArticle"><div><a href="/">Home</a> &#187; <a href="/news-and-insights">News</a> &#187; <span class="truncate">'+thisPage+'</span></div></div>'); }); </script>  
  14. Like
    colin.irwin got a reaction from kathryn1570048691 in How do I delete imported images?   
    You can’t.  It makes the feature useless for anything other than brand new sites. 
  15. Like
    colin.irwin got a reaction from Tiny-Tilly in How do I delete imported images?   
    You can’t.  It makes the feature useless for anything other than brand new sites. 
  16. Thanks
    colin.irwin got a reaction from failbetter in Decreasing Section Padding Squarespace 7.1   
    There is a min-height of 33vh set on sections. You need to override that to get the sections smaller. 

    For all sections this would be:
    .page-section { min-height: 0 !important; } For a specific section you need to specify the data-section-id that can be found by inspecting the page code using your browser's developer tools.

    Somethig like this:
    .page-section[data-section-id="5d979fd8590a832f3c411579"] { min-height: 0 !important; }  
  17. Like
    colin.irwin got a reaction from daimone in How do I delete imported images?   
    You can’t.  It makes the feature useless for anything other than brand new sites. 
  18. Like
    colin.irwin got a reaction from SalmaMaged in Removing blank spaces between page sections on Index Pages   
    The default section padding is 96px at the top and bottom.
    Insert this into your custom css and then tweak the @sectionpadding pixel value until you get the layout you prefer. 
    @sectionpadding: 10px; .index-section .index-section-wrapper.page-content { padding-top: @sectionpadding; padding-bottom: @sectionpadding; }  
  19. Like
    colin.irwin got a reaction from Ciodensky in Executing my javascript code only on a specific page   
    Here's what you need to do. 
    First, wrap your code as follows
    <script> window.Squarespace.onInitialize(Y, function(){ // Your code here }); </script>  
    This will execute the code on each page load. 
    Next, you may need to modify the code so that it only runs for the specific page. You do this by testing the body tag for the presence of the specific collection id. 
  20. Like
    colin.irwin got a reaction from Jaybird in How do I delete imported images?   
    You can’t.  It makes the feature useless for anything other than brand new sites. 
  21. Like
    colin.irwin got a reaction from sarahsaturday in Disabling Lightbox in Summary Box but keeping links when present   
    As a test I created a gallery called test gallery. 
    Then I gave some of the items in the gallery links 

     
    I created a summary block on another page that uses the gallery as the source of its images. 
    Then I created a css rule to kill pointer events for any summary items whose link is from the original gallery (begins with /test-gallery).
    It works as expected. Items with no clickthrough url have a standard cursor and are not clickable but those with a clickthrough work properly. 

    Here is the code - insert it at the bottom of your custom css area after any other code that may already be there. You'll need to tweak href ^= "***" to reflect your gallery slug 
    .summary-item a[href^="/test-gallery"] { pointer-events: none; }
  22. Like
    colin.irwin got a reaction from spitznagel in attempting to set unique background image for one page, CSS not working with SquareSpace   
    Something like this should work:
    body#collection-55a5af43e4b0aac39df22df0 { background-position: center top !important; background-image: url("//static1.squarespace.com/static/55a48db1e4b03b84d36b22fb/t/571e6768746fb924e954224b/1461610345514/Against%2BColorful%2Bgraffiti.jpg"); }
  23. Like
    colin.irwin got a reaction from SportPsy-newbie in Image hover effect only on linked images?   
    Can you post a URL?
  24. Like
    colin.irwin got a reaction from SouthernSunEvents in Removing Auto Hyphen from mobile view   
    Try adding this to the custom css area, after any other code that may be there. Also remove your code.

     
    @media only screen and (max-width: 768px) { body { h1,h2,h3,p,li,a,em,i,strong { -webkit-hyphens: none !important; hyphens: none !important; } .page-desc p { -webkit-hyphens: none !important; hyphens: none !important; } } }  
  25. Like
    colin.irwin got a reaction from Sergio in Executing my javascript code only on a specific page   
    Here's what you need to do. 
    First, wrap your code as follows
    <script> window.Squarespace.onInitialize(Y, function(){ // Your code here }); </script>  
    This will execute the code on each page load. 
    Next, you may need to modify the code so that it only runs for the specific page. You do this by testing the body tag for the presence of the specific collection id. 
×
×
  • 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.