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


Popular Content

Showing content with the highest reputation since 01/22/2020 in Posts

  1. 5 points

    7.1 is horrible right?

    Has anyone who has previously used Squarespace and was familiar with the design process tried making a new, from scratch site using 7.1? All of the Design customization is GONE! There's a super convoluted way to go in and customize in settings, but you still have way less control than before — not to mention the templated font combinations are TERRIBLE. Is there any way to go back and use the old Squarespace??! Is any one else as angry about this as I am? It's like Squarespace decided they wanted to make the design process baby boomer-friendly, since... yanno, that is who is designing the vast majority of websites.
  2. 5 points

    7.1 is horrible right?

    I've been using Squarespace for years and just tried to start a site with 7.1 and I agree, it's awful. The lack of design customizability options is completely unusable for me. If they discontinue 7.0 without making major changes to 7.1 first I'll have to stop using the platform.
  3. 3 points
    Hi @dan3. Looking at the underlying gallery code, it appears that image descriptions are in-the-works to one degree or another. In the mean time, I've created a bit of code you can use to add image descriptions/captions to gallery sections in Squarespace 7.1 . View Demo Site JavaScript Insert via sitewide footer code injection. If you only want to add descriptions to some (not all) galleries, pass your own CSS selector into addGalleryItemDescriptions() (for example: "section[data-section-id='5db1f73f7a30760db464bb02']") For images within a targeted gallery that you do not want a description to appear, you must enter a space as the description (otherwise the filename will show). <script> /** * Add descriptions/captions to galleries in Squarespace 7.1. * JavaScript * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ document.addEventListener("DOMContentLoaded", function() { addGalleryItemDescriptions(); function addGalleryItemDescriptions(gs, gdzs) { var a=['querySelectorAll','section.gallery-section,\x20.gallery-lightbox','length','[class*=\x27-item\x27]:not([class*=\x27item-\x27])','getElementsByTagName','img','alt','trim','createElement','div','className','gallery-item-description','textContent','appendChild'];var b=function(c,d){c=c-0x0;var e=a[c];return e;};(function(c,d){var e,f,g,h,i,j,k;e=document[b('0x0')](c?c:b('0x1'));i=e[b('0x2')];while(i--){f=e[i][b('0x0')](d?d:b('0x3'));j=f[b('0x2')];while(j--){g=f[j][b('0x4')](b('0x5'))[0x0][b('0x6')][b('0x7')]();if(g){h=document[b('0x8')](b('0x9'));h[b('0xa')]=b('0xb');h[b('0xc')]=g;f[j][b('0xd')](h);}}}}(gs,gdzs)); } }); </script> CSS Insert in "Customer CSS", via the CSS Editor. The CSS below is very basic, adding a white box around the description and generally placing it at the bottom. You can customize to your heart's content. /** * Add descriptions/captions to galleries in Squarespace 7.1. * CSS * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ body { width: 100%; } section.gallery-section [class*='-item']:not([class*='-item-']):not([class*='-reel']):not([class*='-slideshow']) { position: relative; } .gallery-item-description { font-family: "Roboto", sans-serif; font-size: 16px; color: black; } .gallery-grid, .gallery-strips, .gallery-masonry, .gallery-reel, .gallery-fullscreen-slideshow { .gallery-item-description { position: absolute; width: 100%; bottom: 0; background-color: rgba(255, 255, 255, 0.7); padding: 2% 6%; box-sizing: border-box; } } .gallery-slideshow, .gallery-fullscreen-slideshow, .gallery-reel { .gallery-item-description { padding: 10px 25px; opacity: 1; transition: opacity 0.2s; } .gallery-slideshow-item:not([data-in="true"]), .gallery-fullscreen-slideshow-item:not([data-in="true"]), figure[style*="-9999"] { .gallery-item-description { opacity: 0; } } } .gallery-slideshow { .gallery-slideshow-list { min-height: 60vh; } .gallery-slideshow-item-wrapper, .gallery-item-description { flex: 1 1 auto; } } .gallery-reel { .gallery-item-description { text-align: center; left: 50%; transform: translateX(-50%); } &[data-width="inset"], &[data-width="inset"] { .gallery-item-description { max-width: 88vw; } } &[data-width="full-bleed"] { .gallery-item-description { max-width: 100vw; } } } .gallery-lightbox .gallery-item-description { margin-top: 1em; padding: 1em 2em; background-color: rgba(225, 225, 225, 1); } This is of course experimental. Do let me know how it works for you, or if you have questions. If you reply to this post, please do not quote the code in your reply. Doing so will create copies of the code which A) I would prefer not be copied and B) will propagate old versions of the code which are likely to fall out of date. -Brandon
  4. 2 points
    I can't for the life of me figure out how to hide the active post in a summary block for blogs. So for instance, I want to feature a summary block showing "Related Posts," so I set it to the category of the current post, but the current post that the user is reading will still show up in the summary block. Is there a way to prevent that? There's no reason a user would want to click a link to the post they're already on, obviously. This is on the Nueva template, though I haven't seen the feature in any template I've used.
  5. 2 points
    I've run into a bit of an issue with hiding individual collection pages in Squarespace 7.1. Normally, by clicking on the settings for a page, you are able to enable or disable that page. However with the new system of "Portfolio Collections" that page disable option does not exist for individual portfolio project pages. I may be mistaken, but as far as I can tell, there is no way to hide these pages (screenshots attached for reference). This is incredibly troubling as you cannot create drafts of projects, nor if you are duplicating other projects, they will be live with duplicate content until you fix it. I was thinking possibly that you could move collection pages to other collection pages(in the way you can move products from shop to shop), so in essence you could pre-build the portfolio page on a hidden portfolio collection and move it to the live portfolio collection, but there doesn't seem to be a way to do this either. Any advice on how I could make hidden pages in the existing Portfolio Collection system or is this just a fault in the new version?
  6. 2 points
    As per Squarespace’s support document: If you're importing products to a different site, remove the values under Product IDand Variant ID, leaving the headers intact. https://support.squarespace.com/hc/en-us/articles/360000694948-Exporting-products-to-a-csv#toc-re-importing-your-products
  7. 2 points

    Custom CSS not working

    I made some light changes to backgrounds and text styling via custom CSS to get the layout rolling before deciding what, if any Js would be needed. I've noticed that upon reloading to the site, the custom CSS changed only load when I go back to the custom CSS menu. If I am in 'Pages' and select a page that has already been styled with a new background, the background does not load until I go back to the custom CSS details menu. Has anyone else experienced this? (I am a developer- albeit new to Square Space- so please don't tell me to hire one. I need to sort this out for future reference. I've looked at the console and do not see any buggy issues happening there). Thank you in advance for your time and energy. Cheers, Charlie
  8. 2 points
    Hey John, I've wrote up a short script that should solve your problem, I've included it in this blog post I wrote explaining how to solve the accessibility button issue: https://jolsonweddings.com/education/squarespace-buttons-accessible-name In short, you just have to add some extra HTML to your footer to give the buttons Aria-labels. Good luck! J.Olson
  9. 2 points
    Howdy I used to be able to do this on other Squarespace templates so I'm not sure where I'm going wrong in 7.1. I've got a folder with two pages in it, and I want the folder itself to be a link to the first page in the folder. I've tried adding <a href="website/about">About</a> into the navigation title but that's not working. Any tips?
  10. 2 points
    I'm surprised that changing country in the region settings for a site keeps the default US date and time format. Are there any plans to add custom date formats or to adhere to the international ISO 8601 standard for date and time? Not being able to use YYYY-MM-DD for dates or 24 hour time format without AM/PM is currently a no-go for transferring or creating Swedish sites to Squarespace. Is there a hidden solution to this anywhere that I have missed?
  11. 2 points

    7.1 is horrible right?

    Agreed, it definitely feels like it's been made to accommodate business owners who know nothing about web (and probably are only shooting themselves in the foot by doing their own website) and a big middle finger to the designers they hire to build them sites (who actually know how to give them a site with brand consistency, that navigates easily, flows through information at a good pace, etc). I like the page layout features, but good god the type and color global changes are just shit.
  12. 2 points

    7.1 is horrible right?

    323/5000 Version 7.1 is horrible, I feel like using any other web page creator page. It is not possible to modify the templates in 7.1 as much as in 7.0 They have gone back in functionality, squarespace 7.1 is made for the basic user who wants to have a website equal to any other website out there, not cool. Anyone knows how to go back to 7.0 from 7.1 on a new site?
  13. 2 points
    There are some things that CSS is great for, but there are others where it isn’t recommended. This is one of those. If you want the logo centred in the navigation I recommend swapping to a Brine family template. There are Site Styles built in to allow this - and more besides. On the subject of CSS, check your current styles because you have some overflow currently:
  14. 2 points
    You don't need code to remove the cart icon @tuanphan @Digital-Magpie There are two ways to remove the cart icon. The first is to delete all the Product Pages from your site. If your site doesn't contain any products, the cart icon will not appear on desktop or mobile. The other way is to go to Design > Site Styles and look for the HEADER: LAYOUT section. There's a setting called Cart Position and you can change the position to Hide. Once you save the settings, the cart icon will be hidden on desktop. Note that there's a second setting for the mobile view in the MOBILE:CART section. . .
  15. 2 points

    Remove -view- in Flatiron hover text

    Add to Home > Design > Custom CSS #grid .project-title h3 { display: none; }
  16. 2 points

    7.1 is horrible right?

    If you want to create gallery slider & overlay text, you can use this plugin. I did for a client on ss 7.1 yesterday 😂 If you only want gallery & caption, you can search Gallery Caption round two on forum, there is a great guide by @brandon, of course it is free, just copy & paste code.
  17. 2 points
    Would love to be able to add links to customer's Google Maps businesses with Google's new g.page URLs in the /settings/social-links menu where it would show as a Google icon instead of just a generic link icon. This would be a great way to link to a customer's business for any Google services (directions, reviews, photos, etc) Here's an example of the new link format. I think this is new within the last few months. Would love to see Squarespace support it! https://g.page/vammen-law?share
  18. 2 points
    @Superhanss I published a solution here: How to hide the empty shopping cart on Squarespace 7.1.
  19. 2 points
    We have a custom form on our website for donors to give, and the additional information field includes info to which specific fund they want to give. However, when that donation is processed through Stripe, the additional information field is not reported. Thus, for our accountants to have knowledge of which fund the money should go to, they cannot see it in our Stripe reports. Any ideas as to how to get this additional information which is very important reported over to Stripe in all transactions?
  20. 2 points
    I had this exact same issue today and support wasn't sure either. However, I managed to figure it out! You need to select blog post title above the header. Not very intuitive. See below:
  21. 2 points
    I see that you have AJAX enabled on your website, try disabling AJAX on your website; this should make you anchor links work. https://support.squarespace.com/hc/en-us/articles/115000253288-Ajax-loading
  22. 2 points
    You should insert the code into the Footer injection point Go to Settings > Advanced > Code Injection and insert in FOOTER area Please note that Code Injection is not supported on personal plans. You will need a Business or Commerce Squarespace subscription
  23. 1 point

    Image hover state

    add to Home > Design > Custom CSS div#block-yui_3_17_2_1_1576760789753_14465 a:hover img { visibility: hidden; } div#block-yui_3_17_2_1_1576760789753_14465 a:hover { background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg); background-size: cover; background-repeat: no-repeat; }
  24. 1 point
    @tuanphanThanks so much for this, been looking for days for a custom code that worked for changing the entire font for my site!!!! You're the best
  25. 1 point
    See a post I wrote about this here: https://sf.digital/squarespace-solutions/squarespace-products-changing-sold-out-to-sold-or-something-else
  26. 1 point
    That did the trick. Thanks so much!
  27. 1 point
    Add to Home > Design > Custom CSS .header-nav-folder-item a { padding-top: 10px !important; } .header-nav-folder-item--active a { color: red !important; }
  28. 1 point
    @Jolsonphotography Hey Josh, good on you for sharing and helping others to improve the accessibility of their websites 🙂. For info, you can improve this further by placing all the querySelector statements within just one OnInit function, rather than two (or more). It won’t change what it does, but it will be more efficient.
  29. 1 point

    Tweaking slideshow gallery titles

    @christyprice Thank you so much Christy on the information on how the forum works and for the help provided !!! It is very generous from all of you to help out ❤️ I appreciate it a lot ! Cheers !
  30. 1 point
    I'd probably use a graphic.
  31. 1 point
    .collection-type-gallery.full-view #backToThumbs { bottom: 0 !important; top: unset !important; } .site-alignment-center #header { position: static; } div#headerWrapper { position: static; } div#canvas { position: relative; }
  32. 1 point
    Add to Home > Design > Custom CSS a#site-title:after { content: "tuan phan"; display: block; }
  33. 1 point
    If SSL is enabled, Squarespace pages are protected using SHA-256 with RSA Encryption (1.2.840.113549.1.1.11). You'll want to contact Squarespace's Trust and Safety team for assurances about password-protection. You can do this by raising a ticket through Customer Care.
  34. 1 point
    Hi there, Ive been building websites for bands in Bandzoogle but I have someone needing some audio added to their Squarespace site that another designer made for them. TBH I kinda hate the builder and support at Bandzoogle but I'm feeling REAL let down by the squarespace audio options. Like, I get to add a single track!? or I have to create a whole page dedicated to an album? Um, no. Is squarespace completely clueless as to what musicians need or what? At any rate. Is there any kind of CSS option for a multi-track player that I don't have to make my musician bump up to a business plan to use?
  35. 1 point

    7.1 is horrible right?

    You can still use both Squarespace 7.0 or 7.1 https://www.squarespace.com/templates?onboarding_v7_1_0819=control
  36. 1 point
    In the Additional Info tab, you could try Silva Bokis's method using a markdown block: https://www.silvabokis.com/squarespace-tips/how-to-create-hideshow-faqs-in-squarespace
  37. 1 point
    Add to Home > Design > Custom CSS body#collection-5e3a9ce33d8d7e063b050d42 span.sqs-money-native { visibility: hidden; } body#collection-5e3a9ce33d8d7e063b050d42 span.sqs-money-native:before { visibility: visible; content: "FREE"; }
  38. 1 point

    Search engines not picking up site

    Search engines are picking up the site, but there appears to be very little content (10 pages?) for them to index, and no SEO optimisation of the site. If you haven't already done so, you may want to read and follow these helpful Squarespace guides: SEO checklist Increasing your site’s visibility to search engines
  39. 1 point
    You can hide tags in a blog post on 7.1 adding the following code to Custom CSS: .blog-meta-item--tags { display: none; } And there is a built-in option to hide categories in the section settings
  40. 1 point
    I've got an idea on how to do that, @TheDrawingGal. Let me see what I can do...
  41. 1 point

    Center-aligning folder menu text

    Hi @rikkiprice This worked for me: .Header-nav-folder { text-align: center; line-height: 1em; padding: 0.7em; } .Header-nav-item--folder { font-size: 25px; } .Header-nav-folder-title { font-size: 25px; margin-left: 4.5em; }
  42. 1 point
  43. 1 point

    Line through words

    You're welcome. I can see that the numbers are just text - they aren't prices in the 'Squarespace' sense of the word because they aren't on a Product Page or in a Product Block. You therefore have two ways to do this. That just means that we need to isolate the numbers in some way. One way to do this is to add the text that you want to strikethrough, and then format it as italic, using the text toolbar. We can then add some CSS to Design > Custom CSS that will format the italic text as strikethrough instead. Of course, this assume that you aren't using italics elsewhere on the site. Is this what you want to achieve?
  44. 1 point
    Difficult to help without site url. Can you share link to your site?
  45. 1 point
    Same -- I am having so many customers ask if we offer payment plans for our products. Very frustrating that Squarespace currently doesn't have any integration. I could be making so many more sales. Considering switching my site to a different platform even.
  46. 1 point
    OK, so its pretty easy. What you can do is create a page and add copy and images to it to describe the brochure. Maybe add a download button if you want. Then all you need to do is add a link to one / more of the copy, image and button. For the first link you add you will be given the option to create a link to a file. Use this to upload your pdf. For the other links to the same brochure you use the 'link to file' but rather than uploading you point to the file you aready uploaded. On desktop the file should open in the browser where the user can read it and/or download it. On mobile it usually downloads to local storage. See here for more information - https://support.squarespace.com/hc/en-us/articles/205813928-Uploading-and-managing-files
  47. 1 point
    @ibamstrup Add to Home > Design > Custom CSS ul.folder-child { background: white !important; } .folder-child li a { color: black !important; } Reference: https://beaverhero.com/forte-squarespace/#Change_Navigation_Drop-down_Color Please Like if the answer is correct
  48. 1 point
    Strange, the code was there. The answer accepted does not work for Brine family template. Goto Home-->Settings-->Advanced-->Code Injection and add this to the bottom of the header section; modify the 'mysite' links to yours of course: <!-- point logo back to mysite.org --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> <!-- change the link on desktop --> $(document).ready(function () {document.getElementsByClassName('Header-branding')[0].href="https://www.mysite.org/Home/";}); <!-- change the link on mobile devices --> $(document).ready(function () {document.getElementsByClassName('Mobile-bar-branding')[0].href="https://www.mysite.org/Home/";}); </script> Good Luck!
  49. 1 point

    Bedford: Can I resize the banner?

    The height of what we call the Page Banner (i.e. a banner created by uploading a thumbnail image to a page or blog list, event list, or product list, and editing the page description) is determined by padding. You can change it here (edit 180px and 155px to whatever you want): .transparent-header.view-list .banner-thumbnail-wrapper, .transparent-header.collection-type-page .banner-thumbnail-wrapper{ padding: 180px 0 155px; } To make the content appear vertically centered with the transparent header, the top and bottom padding are not exactly the same, so you'll have to eyeball it a little.
  50. 1 point
    In the commerce options click email settings. Scroll down to header. Add this: <a href="http://www.example.com" title="Check out example.com"><img src="https://example.squarespace.com/item/52851b0ce4b0ae1807bdc7cf?format=400w" alt="Example.com logo" style="display:block;"></a> You can get the image source of your logo by going to your site, right click on your logo, and select 'copy image url'. You can change the width to whatever suits your needs by adjusting the 400w value.
This leaderboard is set to New York/GMT-05:00
  • Create New...