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


Circle Member
  • Content Count

  • Joined

  • Last visited

  • Days Won


Everything posted by brandon

  1. Hey @alicroft. This can be done. It requires a short bit of JavaScript to look for the "updated-at" div, query the page's JSON data, find the latest updated collection for the page (or series of pages in the index page), format the date to your liking, and then write the HTML to the "updated-at" div accordingly. I'd guess it'd take a good dev. and hour or two to write and test an efficient and resilient script to do that (the first half hour to get the "gist" done, then maybe another hour to mess with time formatting, which takes a bit of time without using 3rd-party libs). So yes, it's possible. Having taken a quick look, I think it could be done without you having to refactor your code at all. You could leave it as you have it on the pages you want it to appear, and the code could be set to run on those pages. If you want more info or help, say the word.
  2. brandon


    One possibly-not-so-helpful option is to search your email instead (assuming you're getting all of the order notification emails). If you happen to be receiving them to a gmail email addresses, you could create a search template for yourself that could be quite fast/efficient at locating orders based on order form content. It doesn't solve the problem within Squarespace, but simply sharing ideas that might get the job done for you.
  3. @AustinRandall: Tuan is correct that it is easiest to provide (and test) solutions if you provide a site/page URL and the view-only password if applicable @basakatac: You might consider asking a new question instead (and providing the info mentioned). You may also find the following helpful, since this question has been asked quite a number of times before. Although the exact CSS used varies based on template, version and your logo, the methods still apply. Methods used include: Using :before and/or :after pseudo elements Using CSS Filters (best if simply inverting black to white or vice versa, but will work for some color logos) Using Javascript to change src attribute In general, if using the CSS Filters approach (#2), you can target the logo in 7.1 like so (using your own collection-ID as applicable). By including the collection ID in the CSS, you no longer have to worry about only adding the CSS to specific pages, because the rule itself specifies which pages to apply to. #collection-5d9e907ec1f67f503cab5fc8 .header-title-logo img { /* For black/white */ -webkit-filter: invert(100%); filter: invert(1); /* Or for converting color to white, something like this (depends on logo) */ // filter: grayscale(100%) brightness(350%); } Where to I insert this code? You add it via the CSS Editor How do I find my collection ID? You can identify the collection ID by using your browsers developer tools/inspector and viewing the ID of the <body> element. The other methods listed above (#1 and #3) are also viable. Related Links: https://forum.squarespace.com/topic/82174-tremont-template-how-can-i-keep-a-white-logo-in-the-homepage-and-a-black-logo-everywhere-else/ https://forum.squarespace.com/topic/3424-different-logo-for-mobile-nav-bar/#comment-19904 https://forum.squarespace.com/topic/2566-change-logo-for-specific-page/#comment-14932 https://forum.squarespace.com/topic/61248-changing-logo-colour-on-homepage-vs-other-pages-marta-theme/#comment-263327 https://forum.squarespace.com/topic/22800-forte-changing-black-logo-to-white-logo/#comment-211315 https://forum.squarespace.com/topic/5214-change-image-colour-on-hover-for-one-imagepage-only/#comment-29997 And many others
  4. For what it's worth, I'm not sure that Squarespace restors a "backup" of your configuration so much as it executes a standard set of instructions during the restoration of a template to its original state (while attempting to save as much of your "main content" as possible), in a similar manner as what happens when one switches templates. However, I've not tested this, so I can't speak from experience. Also, it is possible to work with a Circle member to export/import Style Editor settings (with some limitations...if you're switching templates then things might not work out how you'd want them to). Again, that perhaps doesn't help you much (especially not retroactively) but might be valuable for you to know later, if it becomes necessary. Currently, Squarespace "...isn't optimized for importing content between Squarespace 7 sites..." (reference). And for 7.1 sites, it's not possible. Some have had some success using the Wordpress export feature (see here and here). So, it seems none of these are a great nor comprehensive solution to the issues you describe. However, it is an answer to your question: "does anyone know how to back up all of this, export it, or something", so I thought it was worth posting.
  5. The answer is to add CSS via the CSS Editor in order override your general setting for just that section. It's quite simple, but it does require some understanding of how Squarespace generates the underlying code for index sections such as that. Simply put, in your template, Squarespace creates a "section" element for each index page you create, and gives the section an "id" attribute based on the URL you assign to the page. Taking that all together, we have: section#video .Index-page-content { padding-top: 20px; padding-bottom: 20px; } Insert that via the CSS Editor and adjust to your liking. Note that you have a couple spacer blocks at the top of that section that you'll want to remove if you really want to close that gap. In the future, if you want to look into how this code is generated, get comfortable using your browsers developer tools and poking around with the inspector. Do let me know how this works for you.
  6. Right. What's probably happened is that, because the developer used bit.ly to point at URLs from the CDN, those URLs have probably changed, but the bit.ly redirect is still pointing to the old path. You're going to have to find the asset URLs or upload new images. See "Uploading and Managing Files" and "CSS Files". As an aside, the bit.ly images are added by inserting HTML into the title of that particular index-gallery-item. Once you upload the new image (or locate the old URL), you'll need to update the title of that index gallery item (that is, if Squarespace even allows that anymore...they may now escape HTML that is inserted in such areas). In the end, I would not have personally done it this way, but would instead favor using CSS background images, which you might consider.
  7. Hi @Julita. For starters, the src path for the images in question aren't valid...as in the images don't exist. Do you happen to know why these src attributes are using bit.ly links? Following one of the paths leads here, which is quite strange. I think the most obvious answer, then, is that the images don't exist anymore.
  8. It's almost always best to provide the URL to the site/page in question along with the view-only password if necessary (for sites in trial mode, etc.). However, in this case you may not even have an example page setup. Here's an example in Brine which I whipped up. It uses "card" style image blocks in a single index section/page. Of course, your page ID would be different, and you'd probably want to more specifically target the section. You'll also want to mess with the padding on the text in order to get it where you want. You could do the same thing with regular 'ol image and text blocks and would probably have a bit more flexibility, but I figured this was good enough to serve as a proof of concept for you so as to answer your question, "yes". #page-5d9e40adc1c17f087e491930 { background: ~"linear-gradient(#BBB, #BBB) no-repeat center/1px 100%"; /*https://stackoverflow.com/a/53551089/5338581*/ } .design-layout-card .intrinsic { padding-top: 50px; padding-bottom: 50px; } .design-layout-card.image-position-right .intrinsic { padding-right: 6%; margin-left: -6%; background: linear-gradient(90deg, rgba(0,0,0,0) 40%, #FFC0CB 40%); } .design-layout-card.image-position-left .intrinsic { padding-left: 6%; margin-right: -6%; background: linear-gradient(270deg, rgba(0,0,0,0) 40%, #FFBB22 40%); } .sqs-block-image .design-layout-card .image-card-wrapper { background-color: transparent; } Do let me know how this works for you.
  9. Ok - that makes sense. In that case, we don't need to target each block, we'll just target the home page by using the ".homepage" class. That way, image blocks on your other pages won't be affected. .homepage .sqs-block.image-block { margin-right: -18px; margin-left: -18px !important; margin-bottom: -17px !important; } @media screen and (max-width: 640px) { .homepage .sqs-block.image-block:last-child { padding-top: 0 !important; } } Do let me know how that works for you.
  10. Hi @Domanique. You might consider targeting blocks more specifically using each block's block-id. By using the CSS as you have it, it'll apply to every block on the site (or on the page if using page-specific code injection). Are you sure you want to apply that CSS globally to all blocks? Secondly, the horizontal gutter can be closed using a similar approach as you used to close the vertical gutter. However, as I said you'll probably want to target specific blocks for this. Can you provide the view-only password to your site (necessary for others to view sites with password-protected visibility, such as sites in trial mode)? That will make it much easier to provide and test block-specific CSS.
  11. Hi @fantasiummedia. Here's how I'd approach it. Note that object-fit is focused on fairly modern browsers. .ProductItem-gallery-slides-item-image.loaded { object-fit: contain !important; object-position: top; width: 100% !important; height: 100% !important; position: static !important; } .tweak-product-item-gallery-aspect-ratio-11-square .ProductItem-gallery-slides::before { padding-bottom: 0 !important; } .tweak-product-item-gallery-design-slideshow .ProductItem-gallery-slides-item { position: relative !important; } Let me know how that works for you.
  12. Hi @fabrguer. Nice work on this. I can confirm this is an issue just as you describe. To summarize what I see: Editing a blog post via the "edit" button (a.k.a., via the "dialogue text post editor" ("DTPE")) will result in the stripping of curly-brace-encapsulated-text ("CBET"). Editing a blog post within the context of the website (a.k.a., via the "yui3 text editor") will not strip the CBET. The text will initially be saved and displayed properly on the website upon initial input. However, if the post is edited via the DTPE, the CBET will be stripped upon initialization of the block within the editor. CBET will be stripped in text blocks whether the "code" format is used or not. CBET will also be stripped in markdown blocks and code blocks (!) Using HTML entity codes doesn't seem to help (`&#123;` and `&#125;`) CBET will be preserved (not stripped) if the CBET contains a space that has a non-space character on both sides of it (not including the braces themselves) All of the above bullets are applicable to any `text`-based collection item edited via the DTPE, but does not occur in the body of image-based collection items nor event-based collection items. I personally have found no way to escape this behavior. I would report this to Squarespace. You could provide a link to this post for more information.
  13. Hi @HSRA2020. There are various form-specific services out there. One which I am most familiar with is JotForm. You can add a progress bar widget to a standard form. Or, their "card style" forms use that component by default. You can view the various templates at that link (many of which let you accept payment too), but it's pretty easy to make your own form. There are various methods you can then use to embed the form in Squarespace.
  14. Hi @dawsonski. To start with, you can view your template and version number by logging into your site and clicking "Help". Yes, it is. Since you are seeing pages organized as sections within a single page, you are most likely viewing an "index page". These pages are actually a special type of page, whereby "child" pages placed inside of the "index page" become "sections" rather than separate page. To add separate pages (instead of sections), you can add pages to your navigation for those sections outside of the index page. (In theory, you could also drag and drop the index "section" from inside the index page to outside it, thereby making the page it's own page. But if this is a live website, better to leave the existing site intact and create new content. Then, once you have everything ready to go, enable your new home page and navigation and disable the old index page.) No, since you should be able to add pages as needed using the template you have now. In fact, if you did want to explore other templates, you can switch and preview templates without replicating the site separately. Just be sure to read up on that link, especially if this is a live website, so that you're not surprised by reorganized content or changed styles. Many templates in Squarespace are part of a "template family". In this particular case, the template 55f0aac0e4b0f0a5b7e0b22e represents the "Brine Family" of templates (also/formerly referred to as the "Wright Family"). Templates within a family generally share the same features and style options, though they are configured differently from the start (thereby distinguishing templates from each other even when in the same "family". At this time, the Brine/Wright family of templates are generally considered the flagship/best template in many cases.
  15. See answer here: https://answers.squarespace.com/questions/284397/getting-varaintid.html
  16. There are a few ways to obtain the product variant ID. You can view them at the Q&A here: How to Find the Variant ID of a Product Variant for the Squarespace Commerce API Consider making an account over on StackOverflow to vote for such answers, and to ask such questions in the future. You may have better results there.
  17. Are you getting a response back from your API request? If so, what is the response?
  18. This can be quite complicated when one considers all the combinations of desktop vs. mobile, announcement bar or not, closing of the announcement bar, changes to screen-width/orientation, and more. This question has come up in this forum repeatedly and, in order solve all the various permutations, I created Fixit, a plugin for fixed headers and navigation in Brine (and the Brine/Wright family of templates). You can see the full answer to the related question here. Hope it helps!
  19. Hi @levitatelondon. Take note that the code is out of date and I believe it's actually causing an error on your website (you can open the browser console using dev. tools [F12 or CTRL+SHIFT+I] to see it. I appreciate the kind words though. Your words along with the fact that the old code is causing an error on your site finally motivated me to go back and address this properly, create a 'plugin', and update my answer.
  20. I've actually created a plugin that adds h4, h5, h6 to the Squarespace text editor as an alternative to using a markdown block or code block, so that you can simply add headings along with the rest of your text (without adding extra gaps). To style any h4, h5, or h6 headings you add (whether via code block, markdown block or the Squint plugin), you'll need to add the styles via the CSS Editor in order to customize them. Like this, for example: h4 { font-family: "Times New Roman", Times, serif; font-weight: 300; font-size: 26px; line-height: 1.4em; color: #404040; } h5 { font-family: "Times New Roman", Times, serif; font-weight: 300; font-size: 22px; line-height: 1.4em; color: #404040; } h6 { font-family: "Times New Roman", Times, serif; font-weight: 300; font-size: 19px; line-height: 1.4em; color: #404040; } The above is of course just an example; you'd set your own styles according to your preferences. Regarding the font-family rules, if your font has spaces in the name, surround it with quotes, otherwise, no need for quotes. Also, there is no need for parenthesis around the values, which you might think based on the first answer above. -Brandon Project Mgr. and Developer at Ignertia Creator of Squint - H4, H5, H6 & Custom Styles for Squarespace
  21. I've actually created a plugin that adds h4, h5, h6 to the Squarespace text editor. So it can be done. The Advanced version also allows for additional headings, custom styles, superscript, subscript, underline and more. -Brandon Project Mgr. and Developer at Ignertia Creator of Squint - H4, H5, H6 & Custom Styles for Squarespace
  22. Another option, if you need to target text within a paragraph ( p element) is to try Squint, a plugin I created for Squarespace that allows for custom styles, more headings, superscript, subscript, underline and more. You can select a single word (like this), a sentence, or whatever - like you'd expect with most WYSIWYG editors. -Brandon
  23. I've created Squint, a plugin for Squarespace that allows for custom styles, colors, more headings, superscript, subscript, underline and more. You can select a single word (like this), a sentence, or whatever - like you'd expect with most WYSIWYG editors. So checkout Squint if this is something to do often. -Brandon
  24. I've created Squint, a plugin for Squarespace that allows for custom styles, more headings, superscript, subscript, underline and more. You can select a single word in the middle a sentence, a list item, a paragraph, or whatever - like you'd expect with most WYSIWYG editors. So if it's something you're doing fairly often, or you don't want to have to work within a markdown or code block, it's another option. -Brandon
  • Create New...