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/14/2021 in Posts

  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. try section[data-section-id="606c4eff9e0ee4089fd0006b"] .gallery-grid-wrapper { grid-template-columns: repeat(8, 1fr) !important; }
    2 points
  14. You cannot convert product types. You must create a new product of the correct type.
    2 points
  15. 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
  16. Ah I see the issue. Looking into solution now.
    2 points
  17. 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 > Page Header Code Injection for the store page. <script> $( ( ) => { /* add button after add to cart button of product detail page SS Versions : 7.0, 7.1 */ const text = '[enter button text here between the single quotes]'; /* the url can be any valid url. it can be a f
    2 points
  18. If you use grid style gallery block it has option to enable title in the end of the thumbnail
    2 points
  19. Hi, I think you just need to tweak @bangank36 150px to whatever lower value you wish 🙂 so say 60px
    2 points
  20. you can try adding this to Design->Custom CSS @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1617243203615_3506.sqs-block-image .design-layout-inline .intrinsic { max-width: 150px !important; } }
    2 points
  21. 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
  22. 2 points
  23. I'm following this thread too and am surprised it hasn't been addressed yet. I haven't read through all of the posts so I may be bringing up a redundant point, but my hope is to strengthen the argument for improving the asset management on Squarespace websites. I am a freelance designer whose entire web design service offering is based on selling Squarespace websites for their ease of updating once I hand the websites off to my clients. When I design a website, I design, upload and test many iterations of the same images / graphics, meaning there are a handful of similar looking images in
    2 points
  24. Hello Bangkank36, Thank you so much for taking a look at this for me, and for coding this up! Truly appreciated. I've injected the code below into the Custom CSS but alas, it doesn't seem to be working. There's now a box that appears on the page instead. Not sure what I'm doing wrong! Thanks so much. /* Join button */ .header-menu-cta * { width: 100px; padding-bottom: 19%; height: 0; position: relative; margin: 0 auto; } .header-menu-cta .btn { background-image: url(https://static1.squarespace.com/static/5fd7b9876223c8317d1720c2/t/60623f6139ba
    2 points
  25. There is a trick, I made it on this page, you can replicate it on the others Communication material — Versefilm Projects Take advantage of the spacer block, we can target the row that contain the 3 buttons 1. Use this extension to get the spacer block id Squarespace ID Finder - Chrome Web Store (google.com) 2. In this is case, it is #block-yui_3_17_2_1_1609263043194_75896 , so append this snippet into Design->Custom CSS, repeat for other pages as you wish #block-yui_3_17_2_1_1609263043194_75896 + .sqs-row { display: flex; } #block-yui_3_17_2_1_16092630431
    2 points
  26. 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
  27. 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
  28. try .product-price { position: relative; overflow: hidden; color: transparent; } .sqs-money-native { position: absolute; left: 0; background: #000; padding-left: 5em; } .sqs-money-native:after { content: 'packs from'; position: absolute; left: 0; width: 5em; }
    2 points
  29. That worked! Thank you so much! I really appreciate it.
    2 points
  30. 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
  31. Try adding this to Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function () { $(window).scroll(function () { if ($(this).scrollTop() > 200) { $('a#back-to-top').fadeIn(); } else { $('a#back-to-top').fadeOut(); } }); $('.scrollup').click(function () { $("html, body").animate({ scrollTop: 0 }, 600); return false; }); }); </script&
    2 points
  32. mbfpetshop

    Product Image Rotator

    Thats Perfect!!!!!!! Thank you so much! Ive been trying to work on this solution for a while now and this is helps a lot!
    2 points
  33. Thank you! I ended up doing this before I saw your note. I'm not sure the negative margin I used is a great idea, but it's got the footer looking the way I want it.: /* FOOTER: Reduce linespacing in paragraph block in footer */ footer { #block-4815075cbfc3c34630b9 { margin-top: -8px !important; } }
    2 points
  34. @creedongeeeeeez I didn't click elements because I didn't know what the hell it was. I appreciate it for real. ill thumbs u up!
    2 points
  35. a) Add the following to Design > Custom CSS. .cart-title { text-align : center; } b) Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. <style> /* center category title on mobile */ @media screen and ( max-width : 575px ) { .products.collection-content-wrapper .nested-category-title { justify-content : center; } } </style> c) Add the following to Design > Custom CSS. /* make navigation menu open (plus)/close (x) icon smaller on mobile */ .burger-inne
    2 points
  36. 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
  37. try: #block-yui_3_17_2_1_1616003030915_23053 { position: absolute; }
    2 points
  38. 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
  39. Thanks @creedon!
    2 points
  40. You cannot simply duplicate the block of code because each block requires unique variables and IDs. (IDs must be unique on the page.) However: If the timers are counting down to the same point in time, you can leave the 'deadline' variable the same. You won't need to duplicate this line of code. The classes can remain the same if you want them to have the same colours. You also won't need to duplicate the content that starts with <style> and ends with </style>. To create the second countdown, make a copy of the working code from the first and then change each v
    2 points
  41. Thanks @paul2009 this worked perfectly
    2 points
  42. Add the following to Design > Custom CSS. /* remove bottom padding from footer social block */ #block-31fb3bf90520f064ca03 { padding-bottom : 0; } This is for v7.1 and specific to the OP's needs. Hit us up if you need more space removed from elsewhere. Let us know how it goes.
    2 points
  43. I can see that the image search option seems to have changed a bit since yesterday, looks new and I was super excited to see if you can simply delete images but it still appears to not have that feature, seems super odd to have provided that area a design refresh and leave out a widely requested item such as deleting image?......I feel like when you click on the 3 dots to the right, instead of image info, it would be great to be able to rename, duplicate and/or delete an image.
    2 points
  44. Site URL: https://edume.com I'm seeing hundreds of errors for structured data across our site. Google is telling me there is an issue with the Structured Data Type: Local business, because it's missing the field “name”, therefore ’Not all markup is eligible for rich results’. I'm pretty sure that the error lies in this section of the HTML: <script type="application/ld+json">{"image":"https://static1.squarespace.com/static/5dd67d2aaec74929770fe3cd/t/5f22d3f925594f27b8e21b8e/1605178318421/","openingHours":"Mo 09:00-17:30, Tu 09:00-17:30, We 09:00-17:30, Th 09:00-17:3
    2 points
  45. 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
  46. This forum is not routinely monitored for product feature requests but you can raise this with Squarespace by opening a ticket through Customer Care.
    2 points
  47. Try something like this in Design > Custom CSS: @media only screen and (max-width: 640px) { .products.collection-content-wrapper .nested-category-children { flex-wrap: wrap; overflow-x: hidden; justify-content: center; } .products.collection-content-wrapper .nested-category-title { text-align: center; } }
    2 points
  48. You have to slide the colour from full strength down the gradient to 0 opacity.
    2 points
  49. Dear Squarespace team, Full-width sliding images with the ability to place the same or different text and buttons on each image is absolutely a feature we need. I get this request on literally almost every site I build. I believe it is a feature that would get used millions of times over. I love what you have built and the more I get used to 7.1, I can see it's advantages. Adding this feature would make 7.1 an absolute no-brainer. Please acknowledge our collective desire to have this implemented as soon as possible. Thank you for all you do!
    2 points
This leaderboard is set to New York/GMT-04:00
×
×
  • Create New...