Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Leaderboard


Popular Content

Showing content with the highest reputation on 03/09/2020 in all areas

  1. 2 points
    Robino

    Adding anchor links in 7.1

    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.
  2. 1 point
    Akorf67

    How can I make a folder link to a page

    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!!
  3. 1 point
    @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).
  4. 1 point
    cp404

    Switching from 7.1 to 7.0

    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.
  5. 1 point
    tuanphan

    A list with 'more info'

    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; }
  6. 1 point
    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>
  7. 1 point
    paul2009

    Which template is this?

    This is the Avenue template.
  8. 1 point
    Clear your cache and refresh perhaps?
  9. 1 point
    h1.BlogItem-title { font-family: tuan; }
  10. 1 point
    tuanphan

    How can I make a folder link to a page

    It needs some custom code. If you share link to your site, I can take a look.
  11. 1 point
    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.
  12. 1 point
    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.
  13. 1 point
    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
  14. 1 point
    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
  15. 1 point
    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.
This leaderboard is set to New York/GMT-04:00
×
×
  • Create New...