Digorg

thank you!

ok figured out that by adding value to padding-bottom here, the second black bar went away .Header--overlay.Header.Header--bottom { position: fixed; top: 0px; z-index:9999; width: 100%; background-color: #FBF7F0; padding-bottom: 55px; } Now the only issue is the Announcement Bar covers the header (and logo) of the site. I tried using this code below but chopped off the "x" for the announcement bar. Is there any way to shorten the height of the announcement bar OR push the header down so the site "starts" below the announcement bar? /* reduce height */ div.sqs-announcement-bar-text { padding-top: 0px !important; padding-bottom: 0px !important; }

I added some CSS and the announcement bar now shows but has a second black bar underneath it. What I added: .sqs-announcement-bar { position: relative; z-index: 10000; } I would now like to 1) remove the second black bar entirely 2) adjust the height of the announcement bar so that it doesn't cover the navigation and the logo. Is it possible to push all content on the page down so that the announcement bar can float above the page?

hi all, the announcement bar on my site is not visible. There is a black bar where the announcement bar should be but the text is not showing up. I do have some Custom CSS already on the site and I'm guessing it is to blame. But not sure what I can modify without breaking the site. Site: https://www.marthasfarmsanctuary.org Here's the CSS: .Header--overlay.Header.Header--bottom { position: fixed; top: 0px; z-index:9999; width: 100%; background-color: #FBF7F0; padding-bottom: 10px; } .Header.Header--bottom { position: fixed; top: 0px; z-index:9999; width: 100%; background-color: #FBF7F0; padding-bottom: 10px; } .sqs-block-image .design-layout-poster .image-card-wrapper { justify-content: flex-start !important; align-items: flex-end !important; padding:40px; } p, h1, h2, h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; } .header-menu-bg.theme-bg--primary { background: #593619; } .header-menu-nav * { color: red !important; } span.chevron.chevron--right { transform: rotate(135deg); } .sqs-use--icon {fill:#593619!important;} .sqs-use--mask {fill: #f89e4e!important;} .form-wrapper input[type="submit"] { display: block; background: #f89e4e; color: #593619; border: 593619; padding: 10px 20px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; } .Footer-blocks--middle h3{ font-size: 12px; color: #593619 !important; } time.Blog-meta-item.Blog-meta-item--date { display: none; }

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!