charlineca

Hi, my site is https://bear-deer-bmsm.squarespace.com/home, password is Squarespace. I'm using the popup plugin by @WillMyers as I would love to achieve a page transition effect for it to look like the pages are "layering" over the homepage, and I didn't quite know how else to achieve it. I have 2 questions: - Can I change the z-index of the navigation so that my navigation always displays ON TOP of the popup, not below? - I would like to make the /about popup full width while they others stay at 50% width. Is there a way to target one specific popup when using several, without changing the others? Can anyone help with this? Thank you!

Hi, I am looking to add a loading page to my site - I have found different free coded plugins that can achieve that, however, none of them have an option to show the loading percentage. I would like to achieve something similar to the attached photo (the website is https://cc-balky.webflow.io/) - a static image with a loading bar below. My website is https://roadrunner-indigo-ka3f.squarespace.com/, the password is Squarespace24. Can anyone help with this? Thank you!

Hi, I have an "archive" page on one of my websites, which has a password to get in. But the logo on the page is not clickable - on my regular pages, the logo opens a menu (custom Will Myers mega menu plugin), which I would also like to have that way for my password page.. so that people can get back to the site after viewing the page. Is there any way to achieve this? My page is https://shorturl.at/ABUXY (shortened URL), password is zuerich.

Hi @thuanplan, I tried to use your code and it works, but my "box" where the images are in is still full size (leaving huge spacing at the bottom), and the arrows are not centered in the middle of the image anymore. Any way to fix this?

Hi, my site is https://sailfish-blueberry-aft3.squarespace.com/, password is squarespace. I have a "back to top" link in my footer, I am looking to turn it into a link that actually scrolls to the top. Can anyone tell me how I can do this? Thanks!

Kind of like this, yes, but it should not show up as a popup after a few seconds but immediately before the homepage loads. In your example the homepage content seems to load first and then the video opens, but the idea is similar.

Hi, I am looking to move my body text on my password page BELOW the "password" field, and change the "password" field font to my custom font. I have managed to do so with the page body font, but am struggling with the field input. Can anyone help with this? Site is: https://shorturl.at/pyETY (link shortened)

I am creating an Archive containing 2 portfolios, and one summary / landing page which people go through to get access to the archive - that's the page that has the password wall and from there, people decide where they would like to go in the archive. The problem is that each time they change pages within the archive, they have to put in the password again. Is there any way for their browser to "memorise" the password across the pw protected pages? I have tried adding ?password="password" to the end of my domain, but it won't work, and would also be inconvenient to have to add that to each project URL. Site is: https://shorturl.at/pyETY (link shortened) Site password: zuerich Archive password: zuerich24

Try squarespace with a small letter s

I am looking to do a video "overlay" over my homepage, so that if you click on the homepage, you see the video play first, and then you click on the "close" button to get to the website homepage. Does anyone know of a plugin or can help with this? Ideally, I don't want to make this a page with a close button link to the homepage for SEO reasons, so I would really prefer it as an overlay. Basically the same as here: https://laponche.com/ Thank you! My page is https://sailfish-blueberry-aft3.squarespace.com/, pw is Squarespace

Thank you but my clients have specifically requested this grid, so I will keep trying to find a solution for this.. I'm sure there must be a way to trigger a 2500px resolution for the collection images (instead of the 1500px now)?

Has this been figured out at all? It's a big issue..

Hi @paul2009 is there any way to solve this?

Understood, that makes sense. Is there any way to adjust the width of the images so they don't stretch but are simple shown as a larger image?

The images are all high res, all a minimum of 3000px wide.. So that's not the issue. I also tried changing between png and jpg, it's all the same.

If you look at it on a large device, take this second photo and look at the sofa in the background, it's not as crisp and clear as on the actual project page. There is a difference in quality of the image.

Hi, my site is https://shorturl.at/vALW7 - my pw is zuerich. On my porfolio project summary pages, my cover photos for some reason appear blurry. I have added the following code to force one column only, and because I am forcing only one grid column, the photos appear blurry. They are fine when there's a second column, and they are also fine in full width inside the project (where the same file is being used in the same full screen size, and it's fine). .portfolio-grid-overlay { grid-template-columns: 1fr; } I have tried png and jpg files, I have tried resizing the photo, nothing seems to work.. They only appear blurry on this summary page, not on the actual project page which is strange.. Can anyone help with this?

Thanks so much, Ziggy!

Hi, I am looking for a code that vertically separates the site title and the navigation by placing a 1px vertical line (|) next to the site logo (similar to the screenshot). Can anyone help with this? It should be responsive across different browser sizes, spanning the whole height of the header, so unfortunatly it's not enough to put a .header-title-text::after { content: " | "; } in. My site is https://tetra-accordion-k45t.squarespace.com/, password is squarespace.

Oh, so Squarespace does this for accessibility reasons? I didn't know that, I thought it was just a bug.

That worked, thank you! I still have this black "frame" around it by default (same on mobile). Do you know if there's a way to remove it? It disappears when I click anywhere on the popup, but it's not very aesthetically pleasing..

I have a newsletter popup on my page https://cotehospitality.squarespace.com/new-page. I would like to replace the "Close" text with a custom text ("Enter") and replace the font with my custom font. I couldn't find an option to change this in the settings. Can anyone help with this? Also, I always get a thick "border" on my close signs on popups when a page refreshes / finishes loading - it goes when I click somewhere on the popup.

Yes!

Hi, I tried this code on my website and it works for my homepage, but not for the https://thenooksrilanka.squarespace.com/stay page (pw is nook). I tried to add the collection and section components, and it will work for the border, but the corners just won't become round (there's literally a rectangle image inside a rounded border). Any clue what this can be?

Hi, my page is https://magnolia-flamingo-p4lk.squarespace.com/ and the password is squarespace. I want to remove the header and footer from my individual portfolio pages but can't find out how to target all individual portfolio pages using css? I don't want to use the collection tags but instead want to write a code that automatically targets portfolio pages. Can anyone help with this? Thank you!