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 10/18/2021 in all areas

  1. If the item is being purchased using the Squarespace checkout, this variant information will be included in the order confirmation and order fulfilled email notifications that are sent to the merchant and the customer. You cannot change the information that is sent to PayPal. This is simplified and will not include all the product details. If this post has helped you, please click a 'Like' or 'Thanks' icon below ⬇️
    2 points
  2. bangank36

    Mobile view

    You can config you 'Join WaitList' by adding to Home > Design > Custom Css @media only screen and (max-width: 767px) { #block-yui_3_17_2_1_1634654877217_4151 [value="Join Waitlist"] { font-size: 10px !important; } } Let me know if it works properly on your site Support me by pressing 👍 if this useful for you
    2 points
  3. @SquareRefresh It worked perfectly!!!! :') Thank you thank you!!!!!
    2 points
  4. Squarespace still uses the old PayPal integration (we're waiting for the newer one!) so whilst Squarespace does support PI4 (PI3 in the UK) this isn't obvious to customers because no "Pay-in-4" messaging appears until a US-based PayPal user logs in to their PayPal account on the checkout page [of a US-based site]. If you enable PayPal you should be able to confirm that this works. If required, custom code could be used to add PI4 messaging to product pages in the same way that AfterPay messaging currently does. If this post has helped you, please click a 'Like' or 'Thanks' icon below ⬇️
    2 points
  5. Hey @Ruby-Rose try to add the next code: #block-yui_3_17_2_1_1634295033920_10337 { -webkit-animation: spin 15s linear infinite; -moz-animation: spin 15s linear infinite; -o-animation: spin 15s linear infinite; animation: spin 15s linear infinite; } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
    2 points
  6. Try #block-yui_3_17_2_1_1634662242708_2610 button.lightbox-handle:before { display: none; } #block-yui_3_17_2_1_1634662242708_2610 button.lightbox-handle:hover { opacity: 1; color: unset; } Let me know if it works properly on your site Support me by pressing 👍 if this useful for you
    2 points
  7. You can try adding to Home > Design > Custom Css .header-title-logo img { height: 10rem; } .header-display-desktop { display: block; } /*Fix for mobile*/ @media only screen and (max-width: 767px) { .header-display-desktop { display: none; } } In addition, i've set the modification fix for mobile breakpoint Let me know if it work properly on your site Support me by pressing 👍 if this useful for you
    2 points
  8. 2 points
  9. The short answer - there isn't a cost effective way to do this. The longer answer... As @bangank36 mentioned, there's a Squarespace extension available called Trunk Inventory that can do this, but you must pay a reasonably high monthly subscription to use it ($35+ per month), depending on the number of orders. Trunk manages to do this by using the Inventory API, so it possible for a developer to build their own solution to do this instead of using Trunk. However, they'd need to build, test and deploy their own custom code on a third-party server and this would then need to be maintained and supported on an ongoing basis - hence the costs. Did this post help? If yes, please click a 'Like' or 'Thanks' icon below ⬇️
    2 points
  10. Hi @Maksymrewko, try to add netx code in Custom CSS: @media screen and (max-width: 767px) { .page-section.vertical-alignment--bottom:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom) { align-items: center; } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom).section-height--large>.content-wrapper { padding-top: 4vw; } } Let me know if this helps.
    2 points
  11. @SquareRefresh Thank you so much! It did and now it looks so much better!
    2 points
  12. bangank36

    supply template

    You can try adding to Home > Design> Custom Css .canvas #main { width: auto; } Let me know if it works properly on your site Support me by pressing 👍 if this useful for you
    2 points
  13. 2 points
  14. Hello! My name is Jasmine Sweeting! I'm a copywriter just starting out. My background is in public health specifically epidemiology. I want to use my creativity to inspire and benefit others!
    2 points
  15. Thank you for this topic! I find that one page sites that have one main topic with sections are perfect for anchor links. It's not always necessary to have them but when you need them, you need them! No one likes to scroll for long 🙂 Thanks!
    2 points
  16. Try to add this code on Custom CSS: @media screen and (max-width: 767px) { .products.collection-content-wrapper .list-grid { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0,1fr) 3vw minmax(0,1fr); grid-template-columns: repeat(2,minmax(0,1fr)); grid-column-gap: 3vw; grid-row-gap: 3vw; } }
    2 points
  17. You can find similar solution on Squarewebsites premium plugin Lazy summaries and Universal Filter
    2 points
  18. Yes, I have ideas, it will take a bit of work on your part but not a lot. Use blog post summary blocks, These blocks can be on a standard page or as part of a blog post. That is the way I do it. I have two blog pages, one with my complete posts and one where the posts are grouped by category using summary blocks that pull content from my main blog. The main blog, I moved it to my unlinked section so it would not appear on my Nav bar and the blog page with the summary cats took its place in the linked section. Try it out here if you wish to see how it works. I have a drop down archive menu that sorts a great portion of this as well as drop down menus on the Nav bar. Sorted story page by category on archive dropdown and drop down menus on nav bar
    2 points
  19. If 7.0 just add something to the tag line in the logo and tag line field. If 7.1 add this to custom css: put your text in between the " " a#site-title:after { content: "tuan phan"; display: block; }
    2 points
  20. Nevermind. It turns out the "Markdown" block fixes all the problems. I put my code into Markdown and it worked brilliantly. Rather than delete I'm leaving this up so that if some poor soul googles this problem later and stumbles across this, perhaps they will be helped too.
    2 points
  21. YO I NEVER REALIZED I CAN JUST PICK!! Thank you so much for your help.
    2 points
  22. Great post! Anchor links helped me achieve a goal I was looking for on my website. As a surgeon with a list of procedures, I was looking for a way to list many of the procedures offered while keeping it on one page but improving navigation. Please let me know what you think! https://www.paulmittermillermd.com/procedures
    2 points
  23. I'm interested in moving my newsletter from Ghost to Squarespace. It looks like there's no way to embed html in a newsletter campaign, though? I embed Typeform feedback forms and videos (Wistia and VideoAsk) in newsletters all the time. The code is optimized specifically for email clients… Squarespace doesn't support this? Is this on the roadmap?
    2 points
  24. Add to Design > Custom CSS /* Mobile-Social Icons side by side */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1634724975353_102974+.row>.col { width: 33.3333% !important; float: left !important; } }
    1 point
  25. OMG Thank you so much!
    1 point
  26. This is due to custom code snippets that you've added, including at least three versions of jQuery which shouldn't be there and could slow down your site unnecessarily. I recommend you remove all the code (from Code Injection) and then test again. The problem should disappear. you can then carefully add code one section at a time until you identify which section is causing the problem. I do recommend being very cautious about installing code that you don't understand as it could affect your site's reliability and security.
    1 point
  27. That instruction may be an effort to get the code to run later in the page load cycle. Without being able to see the code it's hard to give advice. But one thing you can try is to wrap the code in the following. window.addEventListener ( 'DOMContentLoaded', ( ) => { /* javascript code here */ } ); This code delays code inserted where indicated until later in the page load cycle.
    1 point
  28. Is this the button you mentioned?
    1 point
  29. You can try .products-list .nested-category-tree-wrapper .category-item a { font-family: "Minerva Modern"; font-size: 1.2rem; padding: 10px 0 !important; } .products-list .nested-category-tree-wrapper .category-item a:first-child { padding-top: 0 !important; } @media only screen and (max-width: 767px) { .products-list .nested-category-children { justify-content: center !important; } } Let me know if it works properly on your site Support me by pressing 👍 if this useful for you
    1 point
  30. After checking your site, i 've found that on all pages on mobile, you just set 1 image link for the header-mobile-logo. For change logo image for all pages except home page, you can try adding to Home > Design > Custom Css @media only screen and (max-width: 767px) { body:not(#collection-615cff0dde2f40474698075b) .header-mobile-logo a { /*Change the url with your logo image link for all page except home page*/ content: url("https://images.unsplash.com/photo-1593642532781-03e79bf5bec2?ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=388&q=80"); } } Let me know if it works properly on your site Support me by pressing 👍 if this useful for you
    1 point
  31. Gallery Block is one of the most wanted feature on Squarespace 7.1, for the last few days I thought Squarespace dev team decided to bring it back but it turns out a 'mistake' and now it gone again! So I created this snippet to bring the feature to include the gallery into section's block using code block and gallery section. There a few steps you need to follow 1. Create a gallery section and grab it's section id, using this extension: example: section[data-section-id="5fad1f27e741ef42c9a8a4a3"] Squarespace ID Finder - Chrome Web Store (google.com) 2. Create a Code Block where you wanted the gallery to show up, add this code snippet <div class="gallery-placeholder" data-target='{gallery-section-id}'> Gallery Block Name (optional) </div> whereas - {gallery-section-id} should be replace with the section id you got above - Gallery Block Name: this is optional, you can place it to identify which section will be replaced in the block position 3. Add these snippet into Settings->Advanced->Code Injection, note that the stylesheet can be place into Design->Custom CSS <style> /* Override all the gallery section style */ .gallery-placeholder * { background: inherit; } .gallery-placeholder .gallery-section { padding-top: 0 !important; min-height: inherit !important; } .gallery-placeholder .gallery-section .gallery-grid, .gallery-placeholder .gallery-section .gallery-reel { padding: 0 !important; } .gallery-placeholder .section-background { display: none; } </style> <script> document.addEventListener('DOMContentLoaded', function() { if ( window.location !== window.parent.location ) { // The page is in an iframe return; } else { // The page is not in an iframe var galleries = document.querySelectorAll(".gallery-placeholder"); for (var i = 0; i < galleries.length; i++) { galleries[i].innerHTML = ""; var target = galleries[i].getAttribute("data-target"); if (document.querySelector(target)) { galleries[i].appendChild(document.querySelector(target)); } } } }) </script> Check out the outcome here https://beyondspace-showcase.squarespace.com/gallery-demo?password=1234&utm_source=squarespace_forum&utm_medium=topic&utm_campaign=promo
    1 point
  32. I've purchased and I will try it, thank you! I'll let you know how it goes
    1 point
  33. Hello! My name is Lindy and I'm the founder of Up in a Day out of Miami, Fl. For small business owners, entrepreneurs, solopreneurs, and side hustlers, we take the frustration out of getting your website up by building a beautiful high-converting informational or e-commerce Squarespace site in a day. https://upinaday.co We're always looking for talented Squarespace designers who love working from the comfort of their own homes 🙂 https://upinaday.co/careers I also want to offer my personal help/advice to any individuals who need a quick site audit or answer any Squarespace questions they might have. Just reach out! Thank you @Jo_SQSP for hosting this forum!
    1 point
  34. Site URL: https://tresoire-demo.squarespace.com/?nochrome=false Hey Guys! How would i be able to select a certain image for the product hover? We have 2 variants of the same item and I want the second one to be shown on the product hover without the second variant being the second image placement. Is there a way to do choose a specific photo from the product to be the second photo on the hover? Thanks! product hover video.mov
    1 point
  35. Site URL: https://iconhealthco.com/new-member I am trying to add the custom form validation and submit the form to third party URL, I am able to inject the form submission code to another URL by the help of element.addEventListner but the form is now calling both events onSubmit. Is there any other ways to do the customize the form submission.? Thanks in advance.
    1 point
  36. Add to Design > Custom CSS /* Homepage List section */ @media screen and (max-width:991px) and (min-width:768px) { body.homepage .list-item-content h2 { font-size: 20px !important; } .user-items-list-item-container[data-section-id="615b2fd71249de2a06ebdfcf"] { grid-gap: 20px 20px !important; } }
    1 point
  37. Update: Squarespace help has told me they can replicate the problem (which means they'll stop telling me it's because of customization on my site or choice of browser) BUT it could be several months before it's fixed . This, combined with the fact that onsite "search" function was so bad we hid the search function rather than have people get bad results, is forcing my hand to look at Wordpress...
    1 point
  38. Try section[data-section-id="61414b615e517e4f70e6fc5e"] .content-wrapper { min-width:0; } Support me by pressing 👍 if this useful for you
    1 point
  39. If you share link to page wehre you use sign up button, we can help easier
    1 point
  40. My name is Joel A. Shepard-Hawke and I’m doing a personal project that has to do with special education. As a special educator, I want to bring inclusive, gentle, and revolutionary teachings to the classrooms - and while “revolutionary” may sound scary, it isn’t at all! I’m also offering insights on the education system itself and opinions on hot-button topics that stir conversation. I am also offering services to parents of autistic children as I have years of experience in community engagement services and school programs. www.hawkesharboreducation.org
    1 point
  41. Site URL: https://www.foreignpresscomics.com/ I'd like to make my webcomic more accessible. Is it possible to reverse the order that blog posts are shown? So the first (oldest) blog post is shown first instead of having to scroll to the bottom to find the first? And is there a way to change the location of the "next" and "previous" buttons to be in the middle of the page instead of at the bottom (like this http://www.drivecomic.com/archive/190614.html)?
    1 point
  42. I came up with a solution!!! Not as good as a pop up, but will work for now. This works on the product page, you do have to add it to every page, but you could use filters and customize per product if you want. Not perfect, but it works pretty well. I created all the add ons as products. They are all in a collection. In the "additional information" section, I used a summary block and chose the collection. I used a grid option and reduced the size and spacing. I added quick view which made it simple for them to use as an add on! (can show price, I didn't). https://www.gatherprovisions.com/gather/p/classic-provisions
    1 point
  43. @Susana_SQSPInteresting choice of words: "feature requests". I think it's apparent that what many of us are expressing here is incredulity and disappointment that 7.1 lacks a component that even the most backwards of web platforms possess. What good would putting in a feature request be if the powers-that-be don't realize that their platform is lacking a crucial component? Could you imagine begging an automobile manufacturer to include something so standard as windshield wipers on their vehicles? The response from Squarespace on this matter has been shocking, to say the very least. "Beg us, and we may consider your request." Really? 😒
    1 point
  44. I would like to have the whole website I designed using the new Canva templates reflect as my website on SquareSpace, but even the tutorials online don't translate since they contain steps/options that aren't possible. I've seen posts about this, but no answers, so I'm wondering if someone just knows or can just post how to make this transition? Thanks in advance.
    1 point
  45. Site URL: https://floridaadoptionattorney.com/blog Hi there, Relatively new to my law firm and squarespace. Any guidance for how I can place pre-existing blogs to auto populate on the Author's Bio via a tab or carousel? I'd like for the Attorney's Bios to have a blog feature so that clients can easily click through to their News/blogs. Any help is much appreciated!
    1 point
  46. I could not agree more with everything you've said. I have a client who needs to have customers confirm that they have read the terms and conditions. To have the links to these only visible in the final stage of the checkout (after they have entered payment information), rather than viewable at all stages throughout the checkout process is not something I have come across with any other eCommerce platform.
    1 point
  47. Unfortunately, this does not work. All it does it put a "," after the month/day, then displays plain-text Javascript at the top of the page. I figured out why.. you need to add an opening <script> tag before window.onload. So it should look like this: <style type="text/css"> .day:after { content: ','; } </style> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script> window.onload = init; function init() { var $year = $('.dt-published').map(function() { return $(this).attr('datetime').substr(0,4); }).get(); $( '.date-wrapper' ).each( function ( i ) { $( this ).append( '<span class="year">' + $year[i] + '</span>'); }); } </script> (Who makes a blog template that doesn't display the year anyway?!)
    1 point
  48. I know this post is a little old, but since I just spent the time doing it, here's some code you can inject into the page header to add the year to the date output on Skye's blog listings. You'll want to add it to the "Page Header Code Injection" area (for the blog listing page, not on an individual blog post). <style type="text/css"> .day:after { content: ','; } </style> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> window.onload = init; function init() { var $year = $('.dt-published').map(function() { return $(this).attr('datetime').substr(0,4); }).get(); $( '.date-wrapper' ).each( function ( i ) { $( this ).append( '<span class="year">' + $year[i] + '</span>'); }); } </script> Hopefully others get some benefit from it!
    1 point
  49. There isn't a preset available for this in the text editor, so you'll need to add your text in a Markdown Block or a Code Block and use HTML. The HTML for superscript is <sup> </sup> For example, you could add something like this: <p>This text contains <sup>superscript</sup> text.</p> ..to achieve this.. This text contains superscript text. Read more about the HTML here: https://www.w3schools.com/tags/tag_sup.asp I hope that helps. Paul Contributors to this forum voluntarily give their time to help you. If a post helped, please tap on one of the "Like" icons below ↘️
    1 point
This leaderboard is set to New York/GMT-04:00
×
×
  • Create New...