Digorg

good find, thanks. The code is from their "Smart Buttons" page in our PayPal Business account- no special developer platform. Just tried re-pasting and it's the same code, same result. I will likely go with what @paul2009suggested. Appreciate you all looking into this. Would be nice if SS and/or PayPal documented this limitation somewhere, for future reference.

thanks for the straightforward answer! This is helpful

Thanks for the reply. No Adblocker. So are you able to click on the PayPal buttons without them auto-closing? None of my browsers do it. Either I’m crazy, this is a PayPal issue, or Squarespace does not allow you to use buttons like this and it is deliberately undocumented. I am aware that PayPal is one of SS’s payment processors and we could add a Store page that way. However, that allows SS to take a cut of our fees. But if that’s the only way to do it, we’ll do it! Any insight appreciated.

Site URL: https://www.silverlakeyoga.com/prenatal-teacher-training We have a Squarespace Business plan. We are trying to add PayPal buttons so people can pay for one of our services using PayPal. I am able to insert the HTML into Squarespace and it displays correctly but when our customers click the buttons, Squarespace auto-kills the pop-up that would allow the use of PayPal. There is nothing in the SS PayPal documentation nor the Paypal SS explaining this limitation. Is this something that we can only do on Commerce plans? Are Paypal buttons broken no matter what plan we choose? Have already spent two hours in a chat with SS Support who had no idea what the answer was. Thank you.

Site URL: https://apricot-coconut-mf38.squarespace.com/ I have two different text blocks, each with different fonts (Heading 3 and Paragraph 1) on top of each other. I want to reduce the padding between the top of the paragraph ("Levin-Morris") and the bottom of the headline ("Cecconi's"). How do I do this? password: architect This is in the Projects section of the site.

Love the way it looks but it's only showing for one of the projects, not all 12. How do I get it working for all?

they're on trial right now but they will be using Business plan

only the title, screenshot attached:

Password: architect Is it not working?

all my CSS for the site here: .header-display-desktop .header-nav { position: absolute; right: 0; bottom: 0; } @media screen and (min-width:641px) { .header-announcement-bar-wrapper { width: 95% !important; margin: 0 auto; } } /* Nav item color */ .header-nav-item a { color: #BECA63 !important; } /* Nav item hover color */ .header-nav-item> a:hover { color: black !important; } div.header-nav-item--active a { background-image: none !important; } .item-pagination[data-collection-type^="portfolio"], .item-pagination[data-collection-type^="portfolio"] { display: none; } /* Add a line under header */ header#header { border-bottom: 1.5px solid grey; padding-bottom: 0px; line-height: 0px; margin-bottom: 5px; } /* Add a line to top of footer */ footer#footer-sections { border-top: 1.5px solid grey; padding-top: 0px; line-height: 0px; margin-top: 5px; } footer#footer-sections:before { content: ""; background-color: grey; display: block; width: 100%; height: 1.5px; position: relative; bottom: -80px; z-index: 99999; } section[data-section-id="616e338e0987d424e2383063"] { margin-top: 10px; margin-bottom: 10px; } section[data-section-id="61b2ec6e8aa947796b8b92a6"] { margin-top: 10px; margin-bottom: 10px; } .sqs-block-gallery .image-slide-title { text-align: left !important; }

Direct link Thanks for looking!

Site URL: https://apricot-coconut-mf38.squarespace.com/ password: architect Hi, within Portfolio, I'd like the Title of the individual "gallery" to sit on top of the slideshow of images. Currently, the Title sits below the image and the description is underneath that [pictured below]. I'd like the Title to be on top of the image, similar to how Titles hover over thumbnails in the main Portfolio view.

hi trying some last tweaks to get this ready.... Make header and footer are identical height. I've messed with the CSS quite a bit to get this working but I'm out of ideas. Make sure the logo does not change in size upon page resize. Not sure why but the logo height seems to move around as the page gets narrower. I'd like the logo to stay the exact same size (height and width) no matter what the page width is. Is any of this possible? Thanks for all your help, Tuan

No, I’m good - thank you!

so the answer? I had a Content Blocker extension on in Safari. Turned it off and the Announcement Bar is now visible.🤦‍♂️

Site URL: http://www.silverlakeyoga.com Here is the only Custom CSS for the site. div.healcode .header {position: static !important;pointer-events: all;} Any ideas why the Announcement Bar is not visible for any page on the site?

Bump

I finally figured out that if I make the Gallery "Full" instead of "Full Width" the header and footer lines appear on the homepage. But in fixing that, a different problem arose: I made numbers on the screenshot to illustrate: Now that the Gallery is Full, it no longer reaches the edge of the page. How do I get it to maintain its current height but extend horizontally to the edge of the page? I want to move the horizontal line up so it is closer to the logo. I want to move the horizontal line down so it is closer to the text in the footer. Your help is greatly appreciated. thank you, Tuan!

#1 I drew two red arrows to show where the header and footer lines are on the home page I see. Because they are directly on the border of the gallery, instead of a few pixels above and below it, the lines are not visible. If you click through to other pages, the lines are visible. I don't know why. Also: even on those other pages where the lines are visible, the lines are still too far away from the header and footer, respectively. I would like the white space between the line and the header and the line and the footer to be identical. Hope that makes sense! Really learning a lot from this thread and all your other posts, Tuan - thank you 🙏 and your tweak fixed #3 ty!

for item #3, I made a little headway but am still stuck. The lines above footer and under header mostly display correctly on every page except the home page. I don't know why. I've tried changing the section height in the gallery on page but that has had no effect. how do I get the border-bottom and border-top to display on the home page? is it also possible to raise or lower the border-bottom or border-top so it's "tighter" to top or bottom, respectively? how do I remove the strikethrough through active navigation items? here is my css now: .header-display-desktop .header-nav { position: absolute; right: 0; bottom: 0; } .item-pagination[data-collection-type^="portfolio"], .item-pagination[data-collection-type^="portfolio"] { display: none; } /* Nav item hover color */ .header-nav-item a:hover { color: #B0B77B !important; transition-duration: 0.2s; } /* Nav item active color */ .header-nav-item--active a { color: #B0B77B !important; } header#header { border-bottom: 1.5px solid grey } /* Add a line to top of footer */ footer#footer-sections { border-top: 1.5px solid grey; }

For item #2, I have tried changing the desktop header layout but I get this, with all the nav elements stacked on top of each other.

worked great for #1, thank you! I should add that I also have this Custom CSS already on page to help with the navigation links changing color: .item-pagination[data-collection-type^="portfolio"], .item-pagination[data-collection-type^="portfolio"] { display: none; } /* Nav item hover color */ .header-nav-item a:hover { color: #B0B77B !important; transition-duration: 0.2s; } /* Nav item active color */ .header-nav-item--active a { color: #B0B77B !important; }

Site URL: https://apricot-coconut-mf38.squarespace.com/ Been scouring the forums but everything I've copied/pasted has not worked. I have a client that is coming from a different platform who has very specific demands I haven't been able to meet with the default customization in Squarespace. I'm attaching an image of what they want. Here's how I would like to edit the layout of the header on the site: Lower the navigation items so their bottom edge is the same bottom edge as the logo Space out each navigation item so that they are not bunched to the right Insert a line below the header with white space below it Remove the line that active navigation items have For the footer: Align it to the left so it's left edge is in line with the logo Insert a line above the footer with white space Password: architect Completely at my wits end so any help would be appreciated 🙏