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 since 03/13/2021 in all areas

  1. Some CSS Class/ID for Squarespace 7.1 Announcement Bar Announcement bar: .sqs-announcement-bar-dropzone Announcement bar text: .sqs-announcement-bar-dropzone p Announcement bar link: .sqs-announcement-bar-dropzone a Header Header: header#header Sticky Header: header.shrink Header (not include sticky header): header#header:not(.shrink) Site Title: a#site-title Site Title (when overlay menu open): .header--menu-open a#site-title Site Title (when overlay menu close) body:not(.header--menu-open) a#site-title Navigation: .header-na
    8 points
  2. Site URL: https://beyondspace-showcase.squarespace.com/?password=1234 Hello fellows, I am about to launch my latest Squarespace Plugin - Sphere Viewer Block. It provides an easy-to-use interface to integrate your 360 spritesheets images into Squarespace site, I wrote it so you can create it from Block Editor. I will give 5 single-site license for first 5 builders/designers who is interested in adding this feature for their site, I am welcome the feedbacks to make it work well before launch You can leave comment below or DM for access DEMO: https://beyondspace-showcas
    5 points
  3. Hi, Vanessa! First off, congrats on building your own website. Here are a few thoughts for you to consider. On your home page, show off your most recent work (this can be one large image, or a series of images, but go for the *wow* factor). I think I'd use one really fabulous large image, and link it to the portfolio category that fits that work. This way, when you have new work, your site will look different, and that gives visitors a reason to return periodically to discover what's new. Same thing with the section that pertains to your online shop, so it's a "What's new" teaser t
    4 points
  4. paul2009

    Remove Blog Slug URL?

    On Squarespace, blog post URLs always begin with the Blog Page URL slug, for example, domain/blog-name/post-name. You cannot remove this. However if you keep the post titles the same when you import them, you can move your blog to Squarespace without losing the original links. To do this go to Settings > Advanced > URL Mappings then add the following single line of text, where "blog" is the name of your new Blog Page. /[name] -> /blog/[name] 301 When you save your changes, all imported blog posts can be reached with their original links. For example, domain.com/post-n
    3 points
  5. I'm a big fan of using a CRM tool. I just moved from Dubsado to HoneyBook and it's been amazing. Most things are automated on my end, which saves me time. And the client sees a cohesive branded experience and isn't waiting on me for certain steps. Just one example, after they pay their deposit they are automatically prompted to answer a questionnaire and set up a strategy call.
    3 points
  6. Remove width and height attribute on iframe and add this css to Design_Custom CSS, it will make the iframe container fit viewport #block-yui_3_17_2_1_1617144028502_3267 { position: fixed; top: 0; left: 0; height: 100%; width: 100%; padding: 0; } #block-yui_3_17_2_1_1617144028502_3267 .sqs-block-content { height: 100%; } #block-yui_3_17_2_1_1617144028502_3267 iframe { top: 0; left: 0; height: 100% !important; width: 100% !important; }
    3 points
  7. paul2009

    Page speed optimization

    The only aspects you can control are the filesize of your images and the code that you add manually using Code Injection or Custom CSS. However, the size of your own code will be a drop in the ocean compared the size of the built-in Squarespace code and so optimisation won't really make a difference.
    3 points
  8. 1. You assign the name of the hidden field and choose edit to get its generated name for the form, in this case it is 'footer-pagepath' -> 'SQF_FOOTER_PAGEPATH' (make sure it is unique name) 2. Add this snippet into settings->advanced->code injection->footer <script> document.addEventListener('DOMContentLoaded', function() { if (document.querySelector('[name="SQF_FOOTER_PAGEPATH"]')) { document.querySelector('[name="SQF_FOOTER_PAGEPATH"]').value = location.pathname; } }); </script>
    3 points
  9. @StoriesAroundTheSun Add the following to Design > Custom CSS. #footer-sections .sqs-block-html a { text-decoration : unset; } This is for v7.1. Let us know how it goes.
    3 points
  10. CarrieT

    Search Bar Not Working

    Site URL: https://www.spiritofhealthkc.com/ For several months now our search bar has not been working properly. We have a title called, "Best Practices For Avoiding & Combating Viruses" but if you search the full title these ways, it says it can't find anything: "best practices for avoiding & combating viruses" "best practices for avoiding and combating viruses" "viruses" "Best Practices For Avoiding and Combating Viruses" However, if you write it exactly how the blog is written with the same punctuation (caps and & symbols), it will show up "Best Practices For Avoiding &
    3 points
  11. I recommend that you begin by reading and then following the content in these short Squarespace guides, specifically concentrating on improving the text context and headings: Increasing your site’s visibility to search engines SEO checklist As you are using Squarespace 7.0, there's also an on-demand webinar available called Growing Your Audience. (For 7.1 users, there's a free Growing Your Audience webinar being hosted this Wednesday (17th March). If this helps you, please click "Like" below ⬇️
    3 points
  12. If you are looking for an easy way to embed your YouTube channel on your website? This is the world’s biggest video-sharing platform, YouTube can play a part in boosting your business. It helps boost your website traffic and user time as well.I’ll show you a simple way to embed your YouTube channel on your website. You can try the social media aggregator tool for embedding YouTube channels on your website for free.I will suggest you a social media aggregator tool like the Tagembed widget. It helps you to embed videos on your website by using YouTube, you can only add one video at a time but if
    3 points
  13. I find it off-putting to have to pay the same price for Member Areas in 7.0 when I don't get the same features I would in 7.1 (and not having logged-in member navigation is a bit of a deal-breaker). I find it even more off-putting that I'd have to recreate my client's site in 7.1 just to get this feature. It's getting harder to recommend Squarespace to clients with issues like this that force paying customers into a huge amount of extra effort, time and cost (for what's a pretty half-baked MVP anyway) rather than have Squarespace develop a proper migration plan for customers to get the m
    2 points
  14. It's call tabs, you can check one of these tuts do achieve it Simple Tab Sections in Squarespace 7.0 & 7.1 | Will Myers | Get Better At Squarespace (will-myers.com)
    2 points
  15. Ok last post, here is the final version of my code, where it ghosts the item and changes the link: <script type="text/javascript"> window.addEventListener('DOMContentLoaded', (event) => { var elements = document.getElementsByClassName('grid-item'); for (var i = 0; i < elements.length; i++) { var ele = elements[i]; if (ele.className.includes('tag-expire')) { var classes = ele.className.split(' '); for (var j = 0; j < classes.length; j++) { if (classes[j].includes('tag-expire')) { var expireD
    2 points
  16. Thank you very much for the assistance! Works like a dream. ❤️
    2 points
  17. Thank you for your help. I will contact Squarespace to exchange the subject with them. See you soon
    2 points
  18. Unfortunately it is not possible to edit this information. This issue is included on my list of Commerce Limitations that I posted in 2018, and it has yet to be fixed. I recommend that you contact Squarespace by emailing privacy@squarespace.com to ask them to correct the information. I'll be interested to know how you get on, as accuracy of customer data is an important part of GDPR compliance.
    2 points
  19. try .ProductItem-details .variant-select-wrapper { padding-bottom: 2.5rem; } .product-details .variant-select-wrapper:before { content: attr(data-text); display: inline-block; left: 0; position: absolute; }
    2 points
  20. @ElizabethM You can get close with just the SS interface. Please see the following... Let us know how it goes.
    2 points
  21. 2 points
  22. This actually turns out to be harder than one might think. It's not just a matter of throwing some CSS at it. The way the structures are built and SS is manipulating those structures under the hood when variants are involved and one is changing menu selections. The OP doesn't need to do this step but if you are follwing along and have not already done so add the following to Settings > Advanced > Code Injection > HEADER. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> Add the following to Store Settings > Advanced >
    2 points
  23. My goodness! I must have put that in ages. Thank you so much!
    2 points
  24. that worked perfectly - I can't thank you enough!
    2 points
  25. As you say, the limited availability tags can show how many products are remaining, but there isn't a feature that tracks how many were in stock originally and therefore what percentage of stock remains. If you want to calculate this or display it as a bar, you'll need someone to write some very specific JavaScript. They'll need access to your site so they can see the way that product pages have been configured and they'll need to know if the limited editions are always the same size - 250 in your Shopify example.
    2 points
  26. Site URL: https://www.neostructivism.com/ Hi there, Here is the logo, I am hoping someone can give me the CSS code to place it on the left side of the title "NEOSTRUCTIVISM". I would like it to be in line with the same width of the title. Thank you really appreciate your help.
    2 points
  27. bangank36

    Round Section Borders

    try /* Site wide section round corner */ .page-section { border: 5px double red; border-radius: 25px; overflow: hidden; }
    2 points
  28. paul2009

    Page speed optimization

    See the thread below (Circle members only): In summary, there is nothing you can do to improve site performance metrics as they are based on backend code that only Squarespace engineers can change. You’ll need to wait for an update from them about their plans for improvements.
    2 points
  29. bangank36

    Logo and Title together

    You can replace the actual logo url in this snippet to make it work .site-title a { display: inline-block; position: relative; padding-left: 50px; } .site-title a:before { content: ''; background-image: url(https://images.squarespace-cdn.com/content/v1/5d6718a62b391600011fbea0/1580613032223-W1Z24T3IOBPGRLHEBD0L/ke17ZwdGBToddI8pDm48kHtT4DNpToX35-3452YDOiJ7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1UUTInojleHDE3naa_QAqq2LyvwhnNcIGQQyCt6d5CbwFRY5byGCXiM996O21yNVyKA/Maria-Gabrieleva_GQ_20_3440_mail.jpg); background-size:
    2 points
  30. @paul2009 Hi Paul, thanks so much for getting back to me. It confirms that there isn't a more obvious way. I think I can work out on the code required based on some tutorials for overlapping images. You've saved me a lot of time and I'll try with CSS. Best regards & have a lovely day.
    2 points
  31. Site URL: http://https/thesporting.blog So I am wondering if anyone else has heard whether Squarespace are going to look into addressing speed and load issues ahead of the May update from Google. I'm certainly worried myself about how to get the site loading quicker, having stripped out pretty much everything and worked hard to optimise all images etc. Although Squarespace claims that Google's speed tests are punitive and not accurate, the core web vitals will be judged as such so its kind of irrelevant what any other site or speed test says. I have about 180 pages of 500 that are
    2 points
  32. Oh my goodness, amazing! I couldn't work out where to add a margin or some padding but you've solved it for me. Thank you so much, you've solved a real headache!
    2 points
  33. try update the icon .header .icon { font-family: "Font Awesome 5 Brands"; display: flex; align-content: center; align-items: center; }
    2 points
  34. Although Google is giving us Core Web Vitals stats now, we theoretically have until May 2021 until this starts to affect rankings: https://www.searchenginejournal.com/google-core-web-vitals-ranking-signals/387142/ So for now I'd be surprised if you're being penalised for not hitting the CWV targets. It might be worth considering whether there were any significant changes to your content, backlink profile etc. that could have resulted in a dip in rankings? It could also be that your competitors upped their SEO game recently too. Another thing might be the fact that mobile-first ind
    2 points
  35. creedon

    Custom code BUTTONS

    As to number two. Does the following help? HOW TO ADD AN ADD TO CART BUTTON TO A SQUARESPACE PRODUCT LIST PAGE? Let us know how it goes.
    2 points
  36. I'm gonna be adding more content to that page that will appear right under that photo so it should be fine for the moment. Thank you!
    2 points
  37. They used odd class name for the cart recently, here is a list of class name on /cart page that may help, thanks to tcp13 Unofficial Documentation for Cart Page Class Changes - Circle Coding and Customization - Squarespace Forum
    2 points
  38. Hi Folks, I am pretty frustrated as well. I have built a beautiful site for a Bakery who wished to take orders online for pick up. No shipping etc. I entered the state they are in, the tax rate and hit "save" and it does not work. Since the items are being picked up in the state, wouldn't I only need the tax rate for that state? Am I missing something, some setting button to toggle on? Thanks! Kelly
    2 points
  39. @jennypetit Ah. I think I see where you are going. Try the following to replace the code I previously suggested commenting out. #block-yui_3_17_2_1_1615808058082_3767 { margin-left : auto; margin-right : auto; width : 40%; } Let us know how it goes.
    2 points
  40. You can add the following Javascript via Code Injection. Just edit the values of the UPDATED_TEXT and UPDATED_URL variables in the code to what you want. I went ahead and used the values you provided. JavaScript (function($){ var UPDATED_TEXT = 'Back To Calendar'; var UPDATED_URL = '/monthly-calendar'; /********************************************************* * DO NOT EDIT BELOW THIS LINE **********************************************************/ if(!$) { var s = document.createElement('script'); s.src = 'https://code.jquery.com/jquery-3.6.0.min.js'; s.integr
    2 points
  41. try #block-64586b1b3f3f9f8e0a3c .sqs-block-image-figure { padding-top: 0; }
    2 points
  42. I'd be surprised if a CORE WEB VITALS value is the sole reason for your traffic loss, but I'm not Google and I know how they do like to get people to jump through hoops. It seems more probable that either someone has started paying for ads or some other design option on the Google Serps is the likely cause. I'm not sure the extent to which you can verify this. You might also, if you use google analytics look at which type of traffic shifted at the dates above, this can help you isolate whether it's desktop/mobile etc. There is only so much you can do with SS optimisation, we're now l
    2 points
  43. Brine has a built-in way to do this. Please see Add a button to the header. Although that article hints that this can be done, it doesn't go into detail. Go to Pages and add a Link page to your Secondary Navigation. Go to Design > Site Styles. Click on the Link page in the navigation you put in the Secondary Navigation. The Site Styles should change. Uncheck Inherit Primary Navigation Styles. Additional options will appear. Change Style to Button. Configure the button options to suit your needs. Click Save. Let
    2 points
  44. The code you’ve provided above is JavaScript! 😃
    2 points
  45. @AnaDavisDesign The key is the following parameter value pair shown in ColeH_design's code. pointer-events: none;
    2 points
  46. bangank36

    Centre blog posts

    try .blog-item:last-child:nth-child(4n - 1) { grid-column-end: 0; } .blog-item:nth-last-child(2):nth-child(4n + 1) { grid-column-end: 3; }
    2 points
  47. Hi Ad7am, The site is live: https://20nelabs.com All the scroll animations are implemented with GSAP using custom JavaScript
    2 points
  48. Wish I had known more about summary blocks and the fact you can make a "list" of blog posts a whole lot more exciting looking with some design tweaks. https://myrandomviews.com/storysummary Update: Another thing I wish I knew is that you can isolate and group blog posts using a category filtered by a hyper-link. They will show up in list layout or as featured posts, depending on how your blog is styled, and your template setting, but these posts look like they have their own 'page" without actually having to use one. So I mix things up on my site, some posts in a summary blo
    2 points
  49. This is the result of the Block Editor UI update that was rolled out without warning on 3rd February 2021. Prior to this update, you could manually enter multiple categories (or multiple tags) separated by commas on anything other than Squarespace 7.1 Store content. Unfortunately, the new Block Editor has a dropdown control instead of a textbox and it is now only possible to select one category (or tag). Squarespace overcame many of the new UI limitations by issuing an update on 14 February, but this particular issue was not resolved in this update. I agree with @digitalfreelancer that t
    2 points
  50. It is now February 12, 2021 and I can confirm that this is still not a feature of SQ. I'd also love to see this implemented and honestly, as a developer, I don't quite understand why it's not a feature already. What could be stopping them from just adding this as an accepted filetype? It's the browser's job to handle the image, all SQ servers need to do is send the image.
    2 points
This leaderboard is set to New York/GMT-04:00
×
×
  • Create New...