Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by MartinMurray

  1. This is how I tend to do it, I would still like a bit more of a gap, but its OK. Edge to edge to then scale the gap.
  2. Cool... https://swan-oarfish-hpmr.squarespace.com/
  3. @tuanphan This worked perfectly - Thanks Buddy
  4. Here is the URL - its stil in build... hopefully you can see it if Logged-in to your SS account. https://swan-oarfish-hpmr.squarespace.com/solutions Password - Design01
  5. Any ideas on how to get rid of the cyan background on these links in the dropdown?... I have some custom CSS for the active link (1px cyan underline)... but it's also influencing the links within the drop-down.
  6. Hi guys, is there any way for the active NAV link? Underline to sit at the bottom of the NAV head? Effectively, where are the red liners?
  7. Its more of a Chrome issue? It happens to me in Figma editing online. It's fine in Firefox or Safari I've found.
  8. I'm getting the same problem - the FAQs section is not moving down dynamically and overlapping in the section below it. It will fit if you widen the browser window, but who's going to do that 😄 URL: https://intropic-info.io/careers
  9. The only way to have Nav dots is to buy a plug in. https://www.sqspthemes.com/plugins/gallery-dot-nav (for 7.0 pages)
  10. The only way to have Nav dots is to buy a plug-in. https://www.sqspthemes.com/plugins/gallery-dot-nav (on 7.0)
  11. Thanks, I was just overthinking it a little, Your snip was missing '}}'... This works great. /* Mobile resize code block */ @media screen and (max-width:767px) { div#block-62452260eb439022d3cd { width: 50%; } } Thanks
  12. Hi All I'd like to make a code block smaller when in Narrow view (Mobile) by about 60-50%... I've tried a few code snips like the below, with no luck! The code block is holding a scroll Lottie file I made. Any help would be great. /* Mobile resize code block */ @media screen and (max-width:767px) { div#block-62452260eb439022d3cd { width: 50%; margin: 0 auto; } } The page is live and open - https://intropic-info.io/pfi
  13. Sort of found a fix - this CSS gave me the horizontal scroll bar, but only appears with scrolling. Ideally I'd like it to show, to indicate to the user it's there and explore. #block-yui_3_17_2_1_1635200644389_9550{ .sqs-gallery-design-carousel .sqs-gallery-container { overflow-x: auto; } } .summary-carousel-pager { position: absolute; top: 10%; right: 15px; transform: translateY(-30%); width: 100% !important; z-index: 1; }
  14. Thanks for the above - I couldn’t get that to work (I've only got a bit of code knowledge) This seemed to work: #block-yui_3_17_2_1_1635200644389_9550{ .sqs-gallery-design-carousel .sqs-gallery-container { overflow-x: visible !important; } } But is it possible for the scrollbar to be visible from the outset Also for the Header Text 'Land data at your fingertips' to stay fixed, rather than scrolling off. Apologies if I've over worked this. https://testlanding.squarespace.com
  15. Site URL: https://testlanding.squarespace.com Hi All Need some help with some code for adding Horizontal scroll bar to a summary block (see Mocked-up image) I'm currently using 7.0 Brine and have already tweaked the code to style the Left and Right arrows... My client really wants a Horizontal scroll bar as the carousel is quite long (29 images) and wants to show the user some sort of progression. https://testlanding.squarespace.com The Summary block is right at the top 'Land data at your fingertips' There seems to be a lot of unanswered questions around this topic any help would be massively appreciated.😇
  16. Hi if you use a Code Block I've done it for a Volvo job where they wanted to block our FAQ https://partnerships.autotrader.co.uk/care-by-volvo <link rel=“canonical” href=“https://www.volvocars.com/uk/care-by-volvo/faq” /> This just tells spiders/robots where point of truth came from to block you should use meta name in the Page Settings / Advanced - PAGE HEADER CODE INJECTION - but this will block all SEO from the page and you may as well switch this off in the Squarespace settings: <meta name=“robots” content=“noindex, nofollow”>
  17. This is a good fix https://blog.alexgittings.com/disable-parallax-on-one-squarespace-page/ While designing a website recently I needed to disable the parallax feature on one page. As I still wanted it to function on other pages. To do this you will need to inject a script into the page. Navigate to the page cog and select advanced and enter the following: <script> Static.SQUARESPACE_CONTEXT.tweakJSON["tweak-overlay-parallax-enabled"] = false; </script> ALEX GITTINGS 30 NOV 2017
  18. This is brilliant 🙂 but when I add it into a banner header it seems to be forced black regardless of hex or colour you write in the code is there a fix for this? The template seems to force it to remain black? For example - http://partnerships.autotrader.co.uk/hyundai-e-suv
  19. I just used a Gallery block which the Client was happy with.
  20. Hi All I'm having some problems finding the right code for this as well - baffled me for a few days now. I have a few hubs running, and having 2 column on images would really help reduce page hight on Mob https://www.autotraderdiscover.co.uk/ds7-crossback
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.