Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

colin.irwin

Circle Member
  • Content Count

    3,505
  • Joined

  • Last visited

  • Days Won

    92

Reputation Activity

  1. Like
    colin.irwin got a reaction from Margi in Sharing Template Preview   
    I generally spin up a new free trial and build the new site there. 
    There's a tool available that will let you copy content across to the new trial so that you don't have to rebuild tons of content. The same tool allows you to copy the approved new version over to the existing site to replace the current version. 
    Here's a link to the tool. https://www.squarewebsites.org/squarespacewebsites-tools-extension-pro
    NB. The tool does the content copying from one site to the other. The Site Styles settings can be exported from the trial site and imported into the old site. Similarly custom css and header and footer code injections need to be manually copied from one site to the other. 
     
  2. Thanks
    colin.irwin got a reaction from jaisequoia 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; }  
  3. Like
    colin.irwin got a reaction from Salesdroid 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. 
  4. Like
    colin.irwin got a reaction from introverb in Script Disabled   
    Try turning off Ajax Loading in Site Styles. 
  5. Love
    colin.irwin got a reaction from ColeH_design in Disable Lightbox on Summary/Gallery   
    Add this to your custom css area after any other code that may be there
    #block-yui_3_17_2_1_1571913993663_5072 .summary-item a { pointer-events: none; } The code kills the pointer event on the summary items in that specific block. 
    You can easily get the block ids using this Chrome extension - https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde
  6. Like
    colin.irwin got a reaction from TDavy in How do I change styling for only one button?   
    The code above won't really help you. I will amend it slightly so that you can style it.
  7. Love
    colin.irwin got a reaction from KarlKarlson in Headline Animation w/ Custom CSS   
    The console is showing a lot of errors. 

     
    Without seeing the code it's not possible to give a definite fix but problems often cascade and fixing the first may resolve the rest. 

    The thing I think you should first troubleshoot is the Uncaught Syntax error: Unexpected token.  It could be that you have not properly copied the original code into your site and something has been truncated. 

    You should also check that you have a line of code to call in jQuery *before* your custom script. 

    Fixing those 2 items may well resolve everything, though that's me being optimistic rather than confident. 
  8. Like
    colin.irwin got a reaction from MaryPhilip_ in What advice would you give to someone just starting out on personal branding?   
    Don't claim to be an expert if you're not. 
  9. Like
    colin.irwin got a reaction from tuanphan in Make image slowly fade in once you enter home page only   
    Try inserting this in your Custom CSS area and experiment with the increasing / decreasing the 1.5s animation value until you get the effect you want.
    .homepage #block-yui_3_17_2_1_1611067680935_4040 { animation: fade-me-in 1.5s; } @keyframes fade-me-in { 0% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;} }  
     
  10. Like
    colin.irwin reacted to SolveigTraeet in Make image slowly fade in once you enter home page only   
    @colin.irwin Thank you, that worked great!
  11. Like
    colin.irwin got a reaction from SolveigTraeet in Make image slowly fade in once you enter home page only   
    Try inserting this in your Custom CSS area and experiment with the increasing / decreasing the 1.5s animation value until you get the effect you want.
    .homepage #block-yui_3_17_2_1_1611067680935_4040 { animation: fade-me-in 1.5s; } @keyframes fade-me-in { 0% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;} }  
     
  12. Like
    colin.irwin got a reaction from derricksrandomviews in What advice would you give to someone just starting out on personal branding?   
    Don't claim to be an expert if you're not. 
  13. Like
    colin.irwin got a reaction from adamler in adding linkedin insight tag to my website   
    You should insert the code into the Footer injection point

    Go to Settings > Advanced > Code Injection and insert in FOOTER area

    Please note that Code Injection is not supported on personal plans. You will need a Business or Commerce Squarespace subscription
  14. Like
    colin.irwin got a reaction from davekorns in How do I create hide/show text on a page, like you see with FAQs?   
    Here's a slightly more concise solution, using jQuery.
    The idea is to use a Markdown block to hold your questions and answers. It should be the only Markdown block on the page.
    The Markdown will look something like the following (The + at the start of each question is a cue for the user to know they can expand the entry).
    + This is a first question ----------------- This is the first line of an answer to the question above. This is a second line of the answer. * Bullet points * Can be used too + This is a second question ----------------- This is a one line answer to the question above.
    Questions should be styled as H2.
    Then put the following code into your page's injection point:
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h2').css('cursor','pointer'); $(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle(); $(".markdown-block .sqs-block-content h2").click(function() {$(this).nextUntil("h2").slideToggle();}); }); </script>
    The first can be omitted if you already have a link to jQuery in your sitewide code injection point.
    The second script tells the mouse cursor to become a pointer when over the Markdown H2s - this is to tell the user it's clickable. Then, when an H2 is clicked it toggles the visibility of all content between the clicked H2 and the next H2 / the end of the markdown block.
    See it in action here - http://www.silvabokis.com/idea-testing/
  15. Like
    colin.irwin got a reaction from Jules68 in How do I delete imported images?   
    You can’t.  It makes the feature useless for anything other than brand new sites. 
  16. Like
    colin.irwin got a reaction from VascoD in Squarespace and MySQL   
    I used this approach on a recent project. We only needed to read the data - there was no writing back. Also, the data updates infrequently so the client set up a job on one of their servers to generate the data table on an hourly basis. 
    The process from my side was:
    On first page load access the JSONP and parse it, merging with some config info on the Squarespace site, to create a lookup table that was saved to the user's browser as Session Storage On each subsequent page load check check if the Session Storage doesn't exist *and* whether a new version of the feed will have been created. If so, parse the JSONP again and create Session Storage NB. The Session Storage variable contained full html coding for the data table so that it can be pulled into the page and pasted as formatted html and/or filtered before insertion. If Session Storage exists read the content into variable and insert into page as formatted html Build a filtering interface that allows the end user to narrow down to the desired content.  The decision to store in Session Storage was made because we know the data only updates once an hour, so we need to grab it at the start of the session and also when a new feed becomes available. This vastly reduces the workload and improves response times after initial load and parse of the data. 
  17. Like
    colin.irwin got a reaction from tboi in Banner videos not displaying on mobile   
    Actually, it is controlled at OS level rather than browser level. Android and iOS have both blocked autoplay background video until recent releases. 
    The attributes needed for autoplay to work are 
    autoplay muted playsinline The first two apply to Android and iOS, the third is iOS only. 
    Even then there are numerous exceptions that can  prevent autoplay from working.
    If the video has a soundtrack if the device is in Low Power or Battery Saver mode some browsers apply the muted attribute incorrectly and this blocks playback  ..and others  
  18. Like
    colin.irwin got a reaction from deanhomicki in Customising Gallery Grid Arrows   
    Add the following to your custom css area after any code that may already be there
    // Change color of close, next and prev icons .sqs-lightbox-close, .sqs-lightbox-next, .sqs-lightbox-previous { &:before { color: #000 !important; // Substitute whichever color you want - I have set it to black #000 } } // Force arrows to always be visible .sqs-lightbox-next, .sqs-lightbox-previous { opacity: 1 !important; }  
  19. Like
    colin.irwin got a reaction from deanhomicki in Disable Lightbox on Summary/Gallery   
    Please share a link to your page. if it's not public you can add a password. 
  20. Like
    colin.irwin got a reaction from Inscape in How do I hide the music player and put it to auto play?   
    Playing music automatically without the user asking for it and, as the controls would be hidden, with no means of stopping it, can annoy users.
    Imagine a scenario where someone sneakily views your website at work, the music starts blaring, they can't stop it and they know they could get into trouble for browsing at work. They're not likely to have positive associations with your site.
  21. Like
    colin.irwin got a reaction from deaton72 in Decreasing Section Padding Squarespace 7.1   
    Can you provide a link to your site?
  22. Like
    colin.irwin got a reaction from zoehoward 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; }  
  23. Like
    colin.irwin got a reaction from ebRa in Text Outline/Drop Shadow in Navigation in Aviator   
    This puts a grey 'glow' behind your navigation links. Put it in your custom css. 
    nav#main-navigation { text-shadow: 0px 0px 3px #aaa; } The parameters (in order) are
    Horizontal shadow offset - currently set to 0px so it sits behind the image) Vertical  shadow offset - currently set to 0px so it sits behind the image) Blur radius - set to 3px so that it casts an omnidirectional shadow. Reduce this value to make the shadow sharper.  Color - currently set to a mid gray
  24. Love
    colin.irwin got a reaction from ABASTIDAS in Responsive Markdown text   
    No problem!
  25. Like
    colin.irwin got a reaction from Hellevang in How do I delete imported images?   
    You can’t.  It makes the feature useless for anything other than brand new sites. 
×
×
  • Create New...