Leaderboard

Hi Christian - I found a way to make smooth scrolling work on my 7.1 website. It's still in construction and can't share but here' s how I achived it. This works in all browsers including mobile. ------------------------------------------------------------------------------------------------------------ 1. Insert this code in the HEADER CODE INJECTION <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="https://unpkg.com/smoothscroll-polyfill/dist/smoothscroll.min.js"></script> <script src="https://unpkg.com/smoothscroll-anchor-polyfill"></script> 2. Insert this code in CUSTOM CSS html { --scroll-behavior: smooth; scroll-behavior: smooth; } 3. Create your anchor links. You will need to get the PAGE SECTION ID for the section you would want to anchor to. It looks like this: #page-section-5e2799dfc3035b3cf9e9c4d6 I have a hard time finding those IDs so what I do is right-click and inspect the section I want to anchor to and I do a search in the console and type: ID. Then you should be able to easily find all the page IDs. Once you have your page ID, you can create text links or buttons, whatever links you want and just put the # sign before the ID so it looks like this: #page-section-5e2799dfc3035b3cf9e9c4d6 That's it - smooth scrolling in all browsers and mobile. Note that in Chrome it will smooth scroll to a CODE BLOCK when using regular CODE block DIV IDs but it won't work in SAFARI / iPHONEs Mobile. Only the #page-sectionIDs work in all browsers.

Hello, I am using the corrigan template and am trying to use folders to make a more practical menu. I have read some other blog posts about how to link a folder to a page and not make the page appear in the dropdown box but none of it is working. How can I make a folder a page/link to a page? Thank you for any help!!

@EllieC: You mentioned that you do not have an account that allows adding custom code. Therefore you cannot add it via a code block either. That is why I mentioned the Markdown block (not the code block).

L_C - for what it's worth, I was having the exact same issue you described; could not for the life of me figure out how to get, e.g., an "embed" block in 7.1. I think that if I hadn't found your post I would have given up and gone with a 7.0 template, and would have been quite frustrated :) Thanks paul2009 for posting that video; I'd spent at least an hour trying to figure out how to get that menu up and had never realized you could click on those circle thingies. Much appreciated.

Forgot your question. With Personal Plan Add this to Code Block <div class="accordion"> <input id="toggle1" type="radio" class="accordion-toggle" name="toggle" /> <label for="toggle1">Accordion Title 1</label> <section> <p> Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs. </p> <p> Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison. </p> </section> </div> <div class="accordion"> <input id="toggle2" type="radio" class="accordion-toggle" name="toggle" /> <label for="toggle2">Accordion Title 2</label> <section> <p> Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs. </p> <p> Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison. </p> </section> </div> <div class="accordion"> <input id="toggle3" type="radio" class="accordion-toggle" name="toggle" /> <label for="toggle3">Accordion Title 3</label> <section> <p> Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs. </p> <p> Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison. </p> </section> </div> <div class="accordion"> <input id="toggle4" type="radio" class="accordion-toggle" name="toggle" /> <label for="toggle4">Accordion Title 4</label> <section> <p> Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs. </p> <p> Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison. </p> </section> </div> and add this to Home > Design > Custom CSS @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700"); @import url("https://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css"); .accordion * { margin: 0; padding: 0; } .accordion *, .accordion *:before, .accordion *:after { box-sizing: border-box; } .accordion { font: 16px/1 'Open Sans', sans-serif; color: #555; } .accordion{ transform: translateZ(0); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); background: #fff; } .accordion > .accordion-toggle{ position: absolute; opacity: 0; display: none; } .accordion > label{ position: relative; display: block; height: 50px; line-height: 50px; padding: 0 20px; font-size: 14px; font-weight: 700; border-top: 1px solid #ddd; background: #fff; cursor: pointer; } .accordion > label:after { content: '\f078'; position: absolute; top: 0px; right: 20px; font-family: fontawesome; transform: rotate(90deg); transition: .3s transform; } .accordion > section{ height: 0; transition: .3s all; overflow: hidden; } .accordion > .accordion-toggle:checked ~ label:after{ transform: rotate(0deg); } .accordion > .accordion-toggle:checked ~ section{ height: 200px; } .accordion > section p { margin: 15px 0; padding: 0 20px; font-size: 12px; line-height: 1.5; }

Hi @LyraP Try adding this using a Code Block instead: <iframe src="https://fbpage.digitalpour.com/?companyID=5db1af1a352726074c624780&locationID=1" style="width:100%;max-width:750px;height:2650px"></iframe>

This is the Avenue template.

Clear your cache and refresh perhaps?

h1.BlogItem-title { font-family: tuan; }

It needs some custom code. If you share link to your site, I can take a look.

Thanks. An even better option would be for Square space to listen to their users and understand not all of them live in the USA. I pay a significant amount of money every month and expect that the service caters to my geographic area.

I'm from europe and wondering why I have to use the weird american date format. If squarespace heavily advertises in europe, I'd think they'd cater to our date-format needs too. I'm a bit disappointed at this. It's one of these things that makes me feel not being taken seriously as a user. In a blog index I'd like to be able to show/hide dates in general, but also customize the format of the dates. I hope anyone who reads this can fix this, for all of us non-north-americans - aka the rest of the world. Cheers.

Hi @NuprinBoy. You understood correctly. You can control which galleries get descriptions by sending a CSS selector to the function. In your case, try this: In the first line of code in the function replace addGalleryItemDescriptions(); with: addGalleryItemDescriptions(".gallery-lightbox"); If that doesn't work, provide a link to the site/page in question and I'll take a look. -Brandon

If you don’t deliver anything it may be better to set up your products as services instead of physical products. This way your customers won’t have to enter a delivery address at checkout and the delivery section won’t appear in the automated emails. https://support.squarespace.com/hc/en-us/articles/206540867-Service-products

Thank you for replying Tiana. I ended up contacting customer service and they helped me figure that out. Works great! Annoying that it does not delete automatically and is an extra step, but at least I figured it out.