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

colin.irwin

Circle Member
  • Content Count

    3,483
  • Joined

  • Last visited

  • Days Won

    92

Reputation Activity

  1. Love
    colin.irwin got a reaction from ABASTIDAS in Responsive Markdown text   
    No problem!
  2. 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. 
  3. Like
    colin.irwin got a reaction from ArtistArchie 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; }  
  4. Love
    colin.irwin got a reaction from tanya 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; }  
  5. Like
    colin.irwin got a reaction from janeynow in How to find which template is being used?   
    Here's the full list of IDs for live templates.
    Looking through the list it seems that there are 21 core templates.
    Montauk has one variant - Om Aviator has 2 variants - Aubrey and Encore Marquee has 3 variants - Adversary, Alex and Shift Bedford has 3 variants - Anya, Bryant and Hayden Pacific has 2 variants - Fulton and Horizon The rest are unique.
    More: How to find out which Squarespace template a site is using

    Template templateId Adirondack 5093f261e4b0979eac7cb299 Adversary 515c7bd0e4b054dae3fcf003 Alex 515c7bd0e4b054dae3fcf003 Anya 52a74dafe4b073a80cd253c5 Aubrey 507c1fdf84ae362b5e7be44e Avenue 4fd11f32c4aad9b01c9e624c Aviator 507c1fdf84ae362b5e7be44e Bedford 52a74dafe4b073a80cd253c5 Boutique 4fdf4f21c4aad4a72790bd9b Bryant 52a74dafe4b073a80cd253c5 Dovetail 4fef25bbe4b0ea9df05ac51e Encore 507c1fdf84ae362b5e7be44e Five 503ba86de4b04953d0f49846 Flatiron 4fba57fde4b0f79d428daa8b Forte 51e6b9e4e4b062dafa7099b9 Frontrow 4fb6ba24e4b000ba644d8298 Fulton 52e96934e4b0ea14d0f64568 Galapagos 5230da18e4b0a637f7e627c5 Hayden 52a74dafe4b073a80cd253c5 Horizon 52e96934e4b0ea14d0f64568 Ishimoto 4fb7a14224ac99c5fee12515 Marquee 515c7bd0e4b054dae3fcf003 Momentum 50130f5be4b00a22f5c5a82a Montauk 50521cf884aeb45fa5cfdb80 Native 4f6a1392e4b07090d46e7ec9 Om 50521cf884aeb45fa5cfdb80 Pacific 52e96934e4b0ea14d0f64568 Peak 500589fc84aed5ec11c2b672 Shift 515c7bd0e4b054dae3fcf003 Supply 5253022fe4b0d0363260861e Wells 4f9adc1524ac5df956fdf98f Wexley 4fbff70b84aeca67fb3a3c56
  6. Like
    colin.irwin got a reaction from vic in How do I delete imported images?   
    You can’t.  It makes the feature useless for anything other than brand new sites. 
  7. Like
    colin.irwin got a reaction from rutheastelow in How can I hide the date on blog posts?   
    <style> .post-meta { visibility: hidden } </style>
  8. Like
    colin.irwin got a reaction from Ladybug in Changing Mobile font size on a single page   
    If you're using Squarespace 7.0 (NOT 7.1):
    Use Chrome browser and use it to install the following Chrome extension - https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde Visit the page you want to modify the text on and click the extension's icon  An overlay will appear showing all of the permanent collection and block ids on the page Click the top left, collection overlay item and it will copy to your clipboard  Now take a copy of your existing font color code and prefix it with the collection id. Paste the copy *after* the code you already have. That sets up the css so that it tweaks the color for everything and then applies the second color tweak only to relevant collection.  Without seeing your code it's difficult to give a specific code example but it's probably something like 
    @media only screen and (max-width: 640px) { #something .something { color: red; } } You would modify it with the collection ID as follows
    @media only screen and (max-width: 640px) { #collection-535e7627e4b0140e264640b8 #something .something { color: blue; } } NB - Above I use a collection ID from a page on  my site - you need the one from your page. 
  9. Like
    colin.irwin got a reaction from ARTSPEAKNYC 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/
  10. Like
    colin.irwin got a reaction from Lalie in Wells Template, Gallery Page - How to add padding?   
    Try this.

    Insert it in the Custom CSS area (after any other code if you have any) and change the height and width to get the spacing you want. 
    .collection-type-gallery #thumbnails .thumb { background-color: #fff; } .collection-type-gallery #thumbnails .thumb img { width: 90%; height: 90%; }  
  11. Like
    colin.irwin got a reaction from helloVlad in Squarespace Customisation Capabilities   
    I would suggest trying to find a developer from this forum rather than marketplace. 
    If you hire someone from marketplace a large percentage of the fee goes to 99Designs (who host the marketplace) whereas a developer hired from the forums will get the full fee.
     
    Be nice - don’t give 99Designs a slice. 
  12. Thanks
    colin.irwin got a reaction from Asiya 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; }  
  13. Like
    colin.irwin got a reaction from Asiya in Removing blank spaces between page sections on Index Pages   
    Can you post a link to the page in question?
  14. Like
    colin.irwin got a reaction from Asiya in Removing blank spaces between page sections on Index Pages   
    Try this
    @sectionpadding: 10px; .index-section:first-of-type .index-section-wrapper.page-content { padding-top: @sectionpadding; padding-bottom: @sectionpadding; }  
     
  15. Like
    colin.irwin got a reaction from Asiya in Removing blank spaces between page sections on Index Pages   
    It depends upon the template you are using.. Can you share the template name and also a url to the site?
  16. Like
    colin.irwin got a reaction from ineedhelp in How do I delete imported images?   
    You can’t.  It makes the feature useless for anything other than brand new sites. 
  17. Like
    colin.irwin got a reaction from ccruth 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; }  
  18. Like
    colin.irwin got a reaction from FrankPrendergast 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; }  
  19. Like
    colin.irwin got a reaction from BrookwoodDrew 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; }  
  20. Thanks
    colin.irwin got a reaction from spadeandanchor in Repositioning text on image poster?   
    This is the best I can do without having access to your site. 
    It adds 35px of padding to the top of every poster image subtitle (the body text) and this will shift both the text and the button down. You can tweak the 35px value to get the desired spacing. 
    However, this rule will apply to every poster image on the site. Without access to the site I can't narrow it down to particular instances of poster blocks. 
    .sqs-block-image .design-layout-poster .image-subtitle-wrapper { padding-top: 35px; } Add the code to your custom css area
  21. Like
    colin.irwin got a reaction from katya in How to find which template is being used?   
    Here's the full list of IDs for live templates.
    Looking through the list it seems that there are 21 core templates.
    Montauk has one variant - Om Aviator has 2 variants - Aubrey and Encore Marquee has 3 variants - Adversary, Alex and Shift Bedford has 3 variants - Anya, Bryant and Hayden Pacific has 2 variants - Fulton and Horizon The rest are unique.
    More: How to find out which Squarespace template a site is using

    Template templateId Adirondack 5093f261e4b0979eac7cb299 Adversary 515c7bd0e4b054dae3fcf003 Alex 515c7bd0e4b054dae3fcf003 Anya 52a74dafe4b073a80cd253c5 Aubrey 507c1fdf84ae362b5e7be44e Avenue 4fd11f32c4aad9b01c9e624c Aviator 507c1fdf84ae362b5e7be44e Bedford 52a74dafe4b073a80cd253c5 Boutique 4fdf4f21c4aad4a72790bd9b Bryant 52a74dafe4b073a80cd253c5 Dovetail 4fef25bbe4b0ea9df05ac51e Encore 507c1fdf84ae362b5e7be44e Five 503ba86de4b04953d0f49846 Flatiron 4fba57fde4b0f79d428daa8b Forte 51e6b9e4e4b062dafa7099b9 Frontrow 4fb6ba24e4b000ba644d8298 Fulton 52e96934e4b0ea14d0f64568 Galapagos 5230da18e4b0a637f7e627c5 Hayden 52a74dafe4b073a80cd253c5 Horizon 52e96934e4b0ea14d0f64568 Ishimoto 4fb7a14224ac99c5fee12515 Marquee 515c7bd0e4b054dae3fcf003 Momentum 50130f5be4b00a22f5c5a82a Montauk 50521cf884aeb45fa5cfdb80 Native 4f6a1392e4b07090d46e7ec9 Om 50521cf884aeb45fa5cfdb80 Pacific 52e96934e4b0ea14d0f64568 Peak 500589fc84aed5ec11c2b672 Shift 515c7bd0e4b054dae3fcf003 Supply 5253022fe4b0d0363260861e Wells 4f9adc1524ac5df956fdf98f Wexley 4fbff70b84aeca67fb3a3c56
  22. Like
    colin.irwin got a reaction from ejzavala1 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
  23. Like
    colin.irwin got a reaction from RPAauswebsite 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  
  24. Thanks
    colin.irwin got a reaction from savannahadcock in Adding anchor links in 7.1   
    As discussed in chat, you need to find an id somewhere on the page and create a link to it. 
    The id=page-section* tags seem to be the best for jumping to a full section. 

    So, for instance,  your link would point to #page-section-5db1525905df981438a2f2ed
  25. Like
    colin.irwin got a reaction from eranga in Change color of links on hover, but not buttons   
    Try adding the following to your custom css area (Design > Custom CSS)
    .html-block a:not(.sqs-block-button-element) { color: red !important; // standard link color &:hover { color: blue !important; // hover color } &:active { color: green !important; // color link goes when clicked } } Then insert the colors you need. 
×
×
  • Create New...