hansworks

Thank you so much, that allows me to adjust it to my heart's content!!!!

Hello All! Another mobile menu spacing query... I'm using hamburger sitewide on desktop and I would like the mobile sub menu spacing to match the main menu spacing. Is there a way to do this? It would be great if this worked on both desktop and the mobile version.... www.bplnth.com / pw BPLNTH2024#

Thank you so much!

Sorry I wasnt more precise, my terminology is not correct. Since the title "NYC 988..."  is a link, I am trying to achive the same hover behavior as "VIEW WEBSITE".

Does this help explain the funtionality I am looking for?

Hello! Thanks so much for your reply. I am trying to achieve 2 things:

1) In the screen shot above, can the text "Contact NYC 988" (below the hover "VIEW WEBSITE") be a 2 color hover link that takes user to the blog post? This would be for all the posts on this page only, not the rest of the site. Would these have to be linked manually or can this be done with code?

2) How can I add a  2 color hover to the titles on this page only? please see screenshot.

Many thanks

Thank you for the explanation. The client wants a sticky headline so I will give the the option to turn that off in exchange for a rounded corner. Thank you for getting me so far along on code for this use and other parts of the website!

Can you tell me the name of the plug-in and i can take a look at the features?

So sorrry that's a typo, PW is NTH2024#

Thanks so much for the above. Some strange behaviour is occurring (see screen shots) so I am leaning towards leaving the border square.

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!