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/19/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. 4 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'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?
  5. 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
  6. 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
  7. 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?
  8. 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?
  9. 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.
  10. 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?
  11. 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:
  12. 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. . .
  13. 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.
  14. 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
  15. 2 points
    @Superhanss I published a solution here: How to hide the empty shopping cart on Squarespace 7.1.
  16. 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?
  17. 2 points
    Hi Kevin Great to see a Devlin site; there aren't many of those left. By default, the mobile padding is 40px. To reduce this to 14px, you can add this to Design > Custom CSS: @media (max-width: 640px) { #site>.wrapper, #footer>.wrapper { padding: 14px; } } -Paul
  18. 2 points
    To remove the 'Featured' heading from all Carousel Summary Blocks, add this to Design > Custom CSS: /* Remove 'Featured' Heading from Summary Block Carousel */ .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-heading { display: none; }
  19. 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:
  20. 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
  21. 1 point
    add Code Block, and paste HTML + CSS With CSS, wrap in style tag <style> css here </style>
  22. 1 point

    Link to external website

    Yes the & symbol showed red but was not removed from the redirect. You can try it for yourself by creating a test redirected t such as: /test -> /test& 301 Then just go to your website and enter the URL /test and you will be redirected to your 404 page but you will see the URL is /test&.
  23. 1 point
    If you insert code to Code Injection or Page Header, you need to disable Ajax Loading. https://support.squarespace.com/hc/en-us/articles/115000253288-Ajax-loading
  24. 1 point
    Site URL: http://www.littleindiaforever.com How do I make my white logo become black on a different page? www.littleindiaforever.com Hey everyone, as you can see on some pages there is no logo as it is a white logo on a white page - how do I invert the code to make the logo black on that page?
  25. 1 point
    Add to Home > Design > Custom CSS a#site-title:after { content: "tuan phan"; display: block; }
  26. 1 point
    Does anyone know how to add text (ie: "next" and "previous") and page numbers to the pagination of the blog section, using CSS on v7.1? Otherwise the small arrows are barely noticeable. Thanks!
  27. 1 point
  28. 1 point
    remove z-index: -1 & top and set height
  29. 1 point

    Custom Font for Paragraphs

    Site URL: https://www.dbtherd.com/ I've scoured the web trying to figure out how to add a custom font to my site (*edited to add: I'm using version 7.1). I learned how to add a custom CSS to change the heading fonts, but I can't figure out how to change all of the other text fonts (namely the paragraphs, links, and blog post titles). Any and all help is greatly appreciated!
  30. 1 point
    Here you are
  31. 1 point
    Add to Code Injection Footer <script> window.Squarespace.onInitialize(Y, function(){ sfSeconds = document.querySelector('.last-name input'); sfSeconds.value = "NA"; sfSecondsField = document.querySelector('.last-name'); sfSecondsField.style.display = "none"; }); </script> code by @paul2009, edited some lines by me.
  32. 1 point
    Thank you very much Christy, I will try the code out ๐Ÿ˜„ And Will let you know how it would turn ๐ŸŒท
  33. 1 point
    add to Page Settings > Advanced > Header <style> .black .sqs-block-html a { background-image:none !important; } </style> you can also add this code to Home > Design > Custom CSS .black .sqs-block-html a { background-image:none !important; }
  34. 1 point

    Image sizing

    See my answer here:
  35. 1 point

    WhatsApp Icon in "Social Links"

    Still waiting for the Whatsapp Icon... it shouldn't be that difficult to add, and it will provide a lot of benefits! Please, @squarespace support. we are begging for it!
  36. 1 point

    Old answers

    Hey How do I access old answers? I mean, seriously the squarespace guys with this "forum" thing have made inaccessible years of Q/A? What's the point? I can see the answers in google but then I can't access the page. How can it be possibile? How to access the old answers? This is totally crazy.
  37. 1 point

    Remove description issue on homepage

    Thank you! ๐Ÿ˜ƒ @tuanphan
  38. 1 point

    Stripe & Customer Migration

    Unfortunately, I don't think that the Squarespace Subscriptions service is the panacea you are hoping for. At least not yet; this is an evolving product. To switch to Squarespace Subscriptions, customers will have to re-subscribe to your products themselves. Thereโ€™s no way to import subscribers or their payment details and you cannot add them yourself, even if you used Stripe. If you want their new subscriptions to align with their current expiry dates, you'll also need to ask customers to re-subscribe in Squarespace on the date of their renewal.
  39. 1 point

    Simple. Horizontal. Scroll

    @RWOLFE Can you provide us with a working link to a Gallery Page/Gallery Block on your site where you want to achieve this?
  40. 1 point
    I've also been using Michaels Universal filter on my site www.halftijds.be/vacatures and it's working great! definitely recommend it!
  41. 1 point
    ASiegersMusic ~ Thank you for reviving this issue. I'm also scouting for some easier way for clients to update their own calendar or events on Squarespace. If I find anything out there I'll add a note to this thread. ~ Rebecca A.
  42. 1 point

    Folder Top Level Link Broken

    There were quite a few people running into the problem so here's a quick tutorial that should help. ๐Ÿ™‚
  43. 1 point
    Hi @TrentNader, I've just had a quick look at your website. Hope the following feedback is useful. I was waiting for a background image to load on the top part of the homepage. Should there be something there? The three options below the header ('Find your dream home', etc.) are a good idea for allowing people to flow through the website. I would suggest changing the images to be more clear (or dropping them entirely). And I would add clear call to action (CTA) buttons/links below each section too. Lastly, I wonder if the main navigation options could be condensed? By providing fewer options you allow people to flow through the site with more ease. Hope that helps - Gareth
  44. 1 point

    File upload in contact form

    I use @michaeleparkour's tool as well. Another option would be to embed a Wufoo, Typeform, or another 3rd party form that allows for uploads in a code block.
  45. 1 point

    Customizing the lock screen

    The lock page customization is very limited. Is there a way to access the repository file? I can't find it. I also tried some action script via code injection to no avail. I'd just like to do something simple such as adding a link below the password field.
  46. 1 point
    Hey @hollyo Brine uses different IDs and Classes than other templates. In the Case of the header and footer it uses classes. You can simplify your code down a bit with just: <style> .Header, .Footer{ display:none !important; } </style> With the style tags it is designed to go into individual per page Code Injection @MrFrog @lanabe try disabling ajax loading if your site appears correctly after reloading the page. Hope that helps :)
  47. 1 point
    This is one of those things I can see SS overlooking and thinking "eh, who's really going to notice and, if they do, will they care?". That's a reasonable conclusion and one I would have shared. But having had people test various SS sites I will say this: it gets noticed, and it registers to people as a mistake and/or unprofessional. SS: if there is any way to fix this in the future, please do.
  48. 1 point
    One way to get a custom icon (that is retina friendly) is to use CSS shapes. You can first hide the existing icon image, then draw a shape in its place. Note: support for this may be lacking in IE7 and earlier. The following puts a triangle play icon inside a transparent circle: .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon { background-image: none; background-color: #E9B130; background-color: rgba(233,177,48,0.8) !important; opacity:1; height: 56px; width: 56px; padding: 0px !important; border-radius: 56px; } .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon:after { content: ""; width: 0; height: 0; border-top: 12px solid transparent; border-left: 14px solid white; border-bottom: 12px solid transparent; left:23px; top:16px; position:absolute; }
  49. 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.
  50. 1 point
    Yes, you can affect just a single page by using either the 'collection id' for that page with the 'Custom CSS' section, or by using the 'Page Header Code Injection' section for the particular page, in conjunction with some custom CSS and the various selectors. To use the collection ID / custom CSS section you would go to the page in question, and then click the 'Manage Site' (gear icon) and then look in the URL for that page, it should look something like: .squarespace.com/config/#module=content&collectionId=516240dfe4b0b72af94f9ff5 The bold part is the number you need to copy. Then you would go to the Custom CSS section -- 'Change Style' (paintbrush) > 'CSS' which pops open a window. You would add the collection ID before the selector you want to work with, something like this (replacing the collection ID with your own): #collection-516240dfe4b0b72af94f9ff5 #canvas-wrapper { background-image: none; } #collection-516240dfe4b0b72af94f9ff5 #horizontal-navigation-bar { display: none; } If you were to use the 'Page Header Code Injection', you would instead go to the page you want to apply these changes to, then go 'Manage Site' (gear icon) > 'Page Settings' > 'Advanced' and paste this into the 'Page Header Code Injection': <style> body { background-image: none; } #horizontal-navigation-bar { display: none; } </style> But in order for this to work, you need to find the various the selectors you want to hide. This can be done using the 'Inspect Element' found in Chrome and Safari, or by using the add-on 'Firebug' for Firefox. Different templates use different selector names so there's not really any way to provide the selectors without that basic information.
This leaderboard is set to New York/GMT-05:00
  • Create New...