Jump to content

Matthew_E

Circle Member
  • Posts

    33
  • Joined

  • Last visited

1 Follower

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Matthew_E's Achievements

  1. @LaetitiaEaton Can you share your solution ? I already have this working on one of my pages, but can't get it working on a new page using the same code I used (after updating the block ID's) ! I'm stuck on making the whole text block clickable !
  2. @Teddy I cant help with the mobile pop up, but I used the following to change the icon color (i'm using XL icons) .social-icons-size-extra-large .social-icon_threads svg { fill: currentColor; }
  3. @tuanphan Just worked it out - added justify-content: center; Thank you so much for helping - I've been trying to fix this for days !
  4. Thanks @tuanphan ! That worked great, but the text is now left aligned and not in the centre. Do you know how I can correct that ?
  5. I'm using the following code (same as the solution above, but with my text block ID.) It's making the whole text block "clickable", but it's moving the text within the block to the top, rather than being centered horizontally and vertically. Website is ** removed ** and the code is applied to the first image / text block. Any idea's ? #block-8f2be76e0c965cf24e1a .sqs-block-content { height: 100%; } #block-8f2be76e0c965cf24e1a h2 { height: 100%; } #block-8f2be76e0c965cf24e1a a { height: 100%; display: block; } #block-8f2be76e0c965cf24e1a span { top: 50%; position: absolute; left: 50%; transform: translate(-50%,-50%); width: 100%; text-decoration: none; }
  6. I've tried using the following code: - /* Select the text box you want to make clickable */ .your-text-box-class { /* Add a pointer cursor to indicate that it's clickable */ cursor: pointer; } /* Turn the text box into a link */ .your-text-box-class a { /* Remove text decoration */ text-decoration: none; /* Make the link cover the entire text box */ display: block; height: 100%; width: 100%; } /* Add the section ID to the link */ .your-text-box-class a::before { /* Content is empty by default */ content: ""; /* Add the section ID to the content */ attr(href, url) "#section-id"; /* Hide the content from view */ display: none; } The problem I'm now facing is a syntax error on line attr(href, url) "#section-id"; Can anyone tell me where I'm going wrong with this ? Thanks in advance !
  7. I'm using hover to reveal text on some images on my site. I used a tutorial from @inside_the_square to achieve this - Reveal Text on Hover in Squarespace Fluid Engine — InsideTheSquare.co My text box is sized to cover the whole image, has a white background, and a link added to the text. All good. But, I'd like the whole text box to be clickable, and not just the text. Website is ** removed ** and the images are at the top of the page. I've searched the forum and found a solution posted, but this isn't working for me. Any help greatly appreciated 🙂
  8. I've still not found a way of doing this
  9. @ErinHannah Mine started to re-index. I've not made any changes.
  10. Thanks @tuanphan URL is https://matthewevas.co.uk I'm wondering if its possible to replicate the way Squarespace do it on their mobile site - Mobile menu dropdown for folders, rather than opening a new page, and also the drop down arrow animated to change from down to up when the folder is opened ?
  11. Hi @tuanphan - Thank you ! The new part of code (align-items: centre;) helped, but the alignment was still slightly off. However, it put me on the right track so I tried "align-items: end;" and also "align-items: flex-end;". These both fully correct the alignment issue, but I'm not sure which one is best to use.
  12. I'd like to change my mobile menu to use dropdowns rather than folders opening in a "new page". Ideally, with the dropdown arrow animated (changes when expanding / contracting the sub items). I'm guessing it's possible, as Squarespace do this on their own site. Has anyone been able to do this ? RPReplay_Final1677345692.mov
  13. @tuanphan @paul2009 I'm using the following code (Squarespace 7.1). It's added the drop down menu arrow, but also changed the alignment of the folder name in the nav menu. Any idea's ? a.header-nav-folder-title:after { content: "\e009"; font-family: 'squarespace-ui-font'; position: relative; top: 1px; }
  14. I've got the same issue. Blog post published on 25th March, and still not indexed.
×
×
  • 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.