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


Circle Member
  • Content Count

  • Joined

  • Last visited

  • Days Won


Everything posted by colin.irwin

  1. Find the collection id of the page in question. You do this by inspecting the source code and looking at the body tag. Then insert the collection id into the following code (making sure you keep the # character in the code) and paste the edited code into your custom css area. #collection-id-here { header, footer { display: none !important; } }
  2. 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.
  3. You can use a graphics package to run the EPS images out as jpeg/png. Alternatively, a quick Google shows that many people have run out jpeg/pngs in the past, so use one of them.
  4. The problem with your example is that the image sits within a container that has overflow set to hidden. So you're setting the radius but in many cases the actual corners of the graphic are hidden. imagine a piece of paper with a square cut out of it placed over a photo. Even if the photo underneath has rounded corners you can't see them because you're looking through a square hole. The solution, therefore, is to round the corners of the hole in the paper. Use the following .slide.sqs-gallery-design-grid-slide .image-slide-anchor { border-radius: 5px; }
  5. Try looking in Design > Logo and Title Settings > Business Information Marketing > SEO Also check the individual Page settings to ensure they don't have custom SEO fields set.
  6. For Squarespace 7.0 - Sure. You need to install this Chrome Extension - https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde Clicking its icon - - in the address bar shows you the block ids for a page. Copy the ids of the blocks you want to hide on mobile and paste them into the following @media only screen and (max-width:640px) { #blockid1, #blockid2, , #blockid-and-so-on { display: none !important; } } Then paste the result into your custom css area. Note that the block ids in my example above should be deleted and replaced with the ones you copy from your site. Also note that block ids must be separated by commas.
  7. This would need to be a bespoke scripted solution that prevented the add to cart button from being clicked unless the minimum quantity rule was matched. However, it would still be possible for the user to adjust quantity in the basket view (could be scripted to deal with this) and also in the checkout (cannot be scripted to deal with).
  8. Try something like .tweak-index-gallery-layout-slideshow .Index-gallery-wrapper { background-color: #fff !important; }
  9. It seems to work as it should from here.
  10. Add the followiing to the bottom of your custom css .image-title-mobile, .image-desc-mobile { display: none !important; }
  11. It wouldn't be css/html. It would need to be a script. It wouldn't be difficult. You would need to decide how to display the shopping basket prices.
  12. I would consider setting up a separate wholesale site. With both retail and wholesale on the same site it's possible that a user can add items to the basket from both shops.
  13. 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.
  14. It's not possible to diagnose any problem without at least seeing your site and, ideally, having administrator access. If you share a link here we may be able to give you some tips. If you want a proper diagnosis and (if possible) fix it would require Admin access to your site and would be a paying job. Contact me if you require this.
  15. You should consider hosting your videos on Vimeo. It has options that allow a more professional presentation of video embeds.
  16. Try the following in your custom css @media only screen and (min-width: 641px) { body:not(.force-mobile-nav) .nav-wrapper .folder .subnav { top: 20px !important; } }
  17. I don't think there's a pure css way of achieving this. It would require JavaScript + css.
  • Create New...