matthewevas
-
Posts
32 -
Joined
-
Last visited
matthewevas's Achievements
-
@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 !
-
matthewevas reacted to a post in a topic:
Add Threads social media icon in header and social links blocks with javascript
-
Teddy reacted to a post in a topic:
Add Threads social media icon in header and social links blocks with javascript
-
@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; }
-
tuanphan reacted to a post in a topic:
Add URL to whole text block
-
@tuanphan Just worked it out - added justify-content: center; Thank you so much for helping - I've been trying to fix this for days !
-
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 ?
-
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; }
-
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 !
-
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 🙂
-
Hover over text and an amage appears instead (css code needed)
matthewevas replied to Kateryna77's topic in Code Blocks
This video tutorial should help -
I've still not found a way of doing this
-
@ErinHannah Mine started to re-index. I've not made any changes.
-
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 ?
-
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.
-
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
-
@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; }
-
I've got the same issue. Blog post published on 25th March, and still not indexed.
