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. Try this @sectionpadding: 10px; .index-section:first-of-type .index-section-wrapper.page-content { padding-top: @sectionpadding; padding-bottom: @sectionpadding; }
  2. Which template are you using? Can you post a link to your site?
  3. 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.
  4. 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.
  5. 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; } }
  6. In the editor, scroll to the bottom of any page and edit Info Footer Content to remove the text.
  7. Try this input.field-element::placeholder { color: red !important; }
  8. Try turning off parallax scrolling in Site Styles if it is enabled.
  9. A link to your site would make it easier to provide a solution.
  10. Personally, I wouldn't use inline styles in a code block for precisely the reason that you have highlighted - it's difficult to make them responsive. However, you may be able to get things looking better with your inline styles if you use vw units rather than em. vw is relative to the viewport width. A better approach is to learn how to target a specific block for styling. This Chrome extension shows you block names that you can use in custom css. https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde Enabling the extension
  11. 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.
  12. I haven't worked with Revolution Slider but I have adapted other JavaScript utilities to work with Squarespace. If you have non minified code it's relatively straightforward, though can take some time, to go through the code and swap out all references to /assets/ /css/ /fonts/ and replace them with /s/. That sets the code to expect everything to be in one folder. You should now move everything from /assets/ /css/ /fonts/ into a single directory with your script and test it locally. If it all works you should be good to upload all of the files to the Squarespace site. This can b
  13. Squarespace sites are responsive. The aspect ratio of image and video banners is dependent on the user's screen dimensions and browser width. Typically you'll see the banner going from landscape to square and then to portrait as browser widths get smaller. You should think about it in the same way TV stations coped with the transition from 4:3 to 16:9 widescreen tvs. Editors used to work around the 'dead' areas where text would be cut off on a 4:3 screen and avoid having key action happening in those dead areas. For Squarespace to be as safe as possible the primary content s
  14. The safest way to do this is to create a new free trial to build the redesign in. If there are large amounts of content from the old site that need to be in the redesign you can use @michaeleparkour's chrome extension to copy content from one site to another. https://www.squarewebsites.org/squarespacewebsites-tools-extension-pro Once the redesign is ready to go live you have a couple of options. Disconnect domain from old site and reconnect it to new site. Temporarily password the old site, delete its content and use the chrome extension to copy the content for the new
  15. Are you trying to center the search interface within the page and then tweak the date picker height? If so, for centering the search interface you should wrap it in another div and then center the search within that. <div id="search-widget-wrapper"><div id="search-widget">..the script..</div></div> Then center it using the following inserted into the custom css area #search-widget-wrapper { width: 100%; #search-widget { margin: 0 auto; } }
  16. 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 cu
  17. Yeah - rather than just /#purpose you can use /home#purpose However, this has the disadvantage of reloading the page rather than just scooting down to the anchor point. If you're happy with coding you could leave the desktop links as they currently are and modify the mobile ones to contain /home#whatever
  18. You put the actual pages in the Not Linked section and then add Links to them in the main navigation.
  19. If you're not going to use the Squarespace cart and checkout process I would recommend using normal pages or blog posts as product pages. They are far more flexible for presenting the features and benefits of a product and you can use normal buttons to link to the enquiry page.
  20. One way to achieve this is to have both gallery types on the page and use custom css to hide one or the other depending on screen width.
  • Create New...