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

colin.irwin last won the day on August 21 2020

colin.irwin had the most liked content!

About colin.irwin

  • Rank
    Circle Leader

Personal Information

Recent Profile Visitors

4,320 profile views
  1. Hey Colin, hope you are well. I am having trouble understanding your advice on this article from 2014. You mentioned that "you can use scripting and the YouTube API to go to another page once the video ends."

    I am working with Vimeo, and was hoping to understand how I might be able to do this. I created a "landing page" in SS V7.1 buy removing the header and footer in that specific pages "Page Header Code Injection". I have inserted the video I want as the background, but I would love for it to push right to the "home" page. Right now I put an "Enter" button in there. I was hoping to just skip that step so people are brought right to the site.

    Thank you in advance,

    Chris

    For reference: www.terranorbital.com

  2. 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;} }
  3. 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()
  4. Sir. I just wanted to say God bless you and your helpful code.

  5. Try this @sectionpadding: 10px; .index-section:first-of-type .index-section-wrapper.page-content { padding-top: @sectionpadding; padding-bottom: @sectionpadding; }
  6. Hello Colin,

    May i reach out to you about a Linkedin authentication failure? On different post in SQSPC forums this problem is mentiond. Is there any workaround or solution for?

    I have a few cliënts for witch this is really important...

     

    With kind regards,

     

    Lammert van der Wal

  7. Which template are you using? Can you post a link to your site?
  8. I would advise against justifying web text. It's a big usability problem. It makes copy very difficult to read particularly, but not only, for dyslexic readers.
  9. Do you mean you want it to be a different size on mobile? If so, adding the following to your custom css should help @media only screen and (max-width: 640px) { h4 { font-size: 88px; } } That should work - all you need to do is tweak the 88px to whatever value you want.
  10. You'll need to set a breakpoint at whatever stage the layout breaks (looks like roughly 1400px wide) At that breakpoint you should target the collection id to restrict the rule to one page and then for the columns that are 4 wide to span 100% of the available width. @media only screen and (max-width:1400px) { #collection-5cda8559cb2c42000142030b section#le-conseil-1 .sqs-col-4 { width: 100% !important; } }
×
×
  • Create New...