hansworks

Just wondering if anyone has a suggestion for this. If it involves too much html, i can live with the plain border I have now.

Thank you for your reply. This code doesnt seem to have changed the behaviour. narrow screen type is crashing and wider screen has a large gap.

It seems that the accordion content has not changed behaviour when i try to edit. Would it be possible to share a screen shot of how it is working when you add the code injection?

Thank you so much! This also allows me to repeat this for other blocks as well, so super useful. Another related aspect of the blog has come up: On https://playbook-nth.squarespace.com/social-services-referral-resources pw NTH2024 I am trying to make a link on each blog excerpt jump to each the blog entry in the same way that the title links to the entry. link would be blue text that changes to red on hover. I have attached a sample image below using 'NYC 988..." entry as an example. Many thanks.

Hello. Yes I want the list in an accordion but it is only allowing me to use numbered list or bulleted list within the accordion text. Is there a way to format a numbered list with bulleted entries following each numbered item?

That worked perfectly! Thank you so much For some reason the pre hover color (from higher up in the thread ) on the link "WEBSITE" is not displaying as a color. I am tring to have the pre-hover color as red and the hover color is set to blue using CSS. I think this is probably a SQSP site style issue as I cant find it in CSS.

Hello again and thanks for your patience. I have created a copy so that you can look at it without it changing. https://playbook-nth.squarespace.com/role-responsibility-copy PW: NTH2024#

Hello. I changed the password 10 min ago when working with squarespace chat support. it has been changed back to NTH2024#

Looking for some help updating the above code https://playbook-nth.squarespace.com/technology-resources. PW:NTH2024# #collection-659613958b47182e64b137e0 was targeted in sitewide CSS to make changes as well as footer injection to create hover. /*BLOG ADJUST SECTION: remove accessibilty arrow on blog post title*/ .passthrough-link:after { content: "" !important; } /* blog page title link hover color */ .passthrough-link:hover { color: none; } // remove click through on categories body#collection-659613958b47182e64b137e0 .blog-categories { pointer-events: none; } /* remove click through on title */ body#collection-659613958b47182e64b137e0 .blog-title { pointer-events: none; } /* remove click through on tags */ body#collection-659613958b47182e64b137e0 .blog-tags { pointer-events: none; } (1) https://playbook-nth.squarespace.com/technology-resources/queens-connected-mobile-hotspot-lending-program Sitewide how can i block the "tags" from showing - see attached screen shot. I'm using Universal Filter if that makes any difference. (2) https://playbook-nth.squarespace.com/social-services-referral-resources on this page only #collection-65afe261149961050212a96a could a hover be added to the accessability arrows? I have tried removing the code .passthrough-link:after {content: "" !important; but the arrows are not showing after removal. Could this be caused by Universal Plugin? Grateful for the help!

Hello. Trying to reboot this thread. The video works for bulleted list or numbered list but I cant seem to get it to work for a numbered AND bulleted list. https://playbook-nth.squarespace.com/role-responsibility pw: NTH2024# I have put in three accordions at bottom of page: #block-de3f06ad5932b327bd06 and #block-0c1a787bbd3aeacf8aef and #block-36dc1c66ffecd19ee27b I have attached a screenshot of the type of list I would like to create in#block-36dc1c66ffecd19ee27b. I have created it in the accordion but cannot get the numbers to increase sequentially. Many thanks for your help!

Thanks for your reply https://playbook-nth.squarespace.com/overview pw NTH2024# #block-9b5a8b77fa0af9199329 /*2 COLUMNS on desktop/tablet*/ @media screen and (min-width: 640px) { .fe-block-9b5a8b77fa0af9199329 { column-count: 2; column-gap: 60px; } } I have managed to achieve it with the above code, but having problems with not being able to make text block shorter. The blue outline in the screenshot is the closest I can move the bottom of text block to the text inside.

Hello Tuanphan- That is correct, I would like to create a solid color border with an inset thin black rule - the image I attached was a quick mockup in photoshop to show what I am trying to achieve.

Does this apply to 7.0 only? I've tried to replicate in 7.1 but cannot.

Hello! https://playbook-nth.squarespace.com/ PW NTH2024# Very little code experience so hoping someone could help me. I have managed to achieve rounded border bot on the outside not inside. The below works well because it scales between mobile and desktop. From my searches looks like the solution might have to use hml: //Add Site Border to 7.1 body:not(.sqs-edit-mode-active) { &, #header { border: clamp(12px,3.5vw,80px) solid #6789D3; border-radius: 3.5vw; } #header { border-bottom: none; } } I want the border rounded only on the inside. I am trying to add a differnt color stroke around this inside border (see screenshot). I would like the option to have this border sitewide for now, but also may need to make each page on the site a diffent color. Thanks in advance for your support.

Brilliant! Thank you so much, this is exactly what I was looking for. Once again, your help is much appreciated.

Reviving this thread: Working in SQSP 7.1 > I am trying to make the slideshow arrows larger with thicker stroke, also the possibility to add a color background behind the arrow. Additionally trying to make the lightbox close button larger and thicker stroke and add a white box around it. For the arrows size, this code from thread above is not working for me: .gallery-fullscreen-slideshow-control-btn-icon svg { width: 20px !important; height: 20px !important; } also found this on the forum but doesn't change the arrows .gallery-fullscreen-slideshow-control-btn { padding: 12px 12px 12px 14px !important; opacity: 1 !important; } .gallery-fullscreen-slideshow-control-btn .gallery-fullscreen-slideshow-control-btn-icon > svg { width: 18px; height: 25px; } website: https://kenphoto01.squarespace.com/galleries/patagonia-glacier pw: ken As always, many thanks!

That work perfectly, now I can fiddle with the colors and sizes to my heart's content. So grateful for your help!!!

Amazing! Thank you sooooo much for the script, definitely outside my capacity. One question: How do I increase the weight and reduce the size of the "VIEW WEBSITE" link before hover effect?

Apologies, url keeps changing as we work on the site. Also, just a note, we are using the excerpt only for text because we dont want user to go into details of the blog entry. https://playbook-nth.squarespace.com/tech-resources PW: NTH2024#

As always, thank you so much for your support with such a specific request.

Oh boy, I'm drinking too much coffee! Forgot the # https://playbook-nth.squarespace.com/all-resources NTH2024#

Hi, apologies, we keep changing it after every meeting. https://playbook-nth.squarespace.com/all-resources pw: NHT2024

Tuanphan- Happy to say that Universal Plugin is working well for the resource library and Squarewebsite's support has been great as well. One main hurdle: I have not been able to setup so that it can search multiple blog pages and exclude others. The reason for this is that there will be some content that applies to multiple page. If they are only searchable by single page then we will have to duplicate some content to each of the pages Currently the code injection is in the header based on their install instructions. I dont want a global search on the site. I have not been involved in building any Shops but wondering if using that instead of blog for the resource library might solve this problem. The url has changed since initial post: https://playbook-nth.squarespace.com/all-resources pw: NTH2024# Many thanks!

Sorry about that and the delayed response! https://playbook-nth.squarespace.com/all-resources pw: NTH2024#

Thank you so much. I found that this is a setting that can be turned on or off. However, it may be useful for the next question: How can I adapt this code to stop the blog post CATEGORY from being a click through link?