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


Popular Content

Showing content with the highest reputation on 07/02/2020 in all areas

  1. 1 point
    Hi! I am migrating my website from Squarespace to Shopify. I primarily sell a subscription product. Since I will be uploading my subscription customers to Shopify, I want to cancel their subscriptions in Squarespace (so they are not billed twice). However, when I go to cancel a customer's subscription in Squarespace, the customer is automatically notified. I do not want to notify my customers. Since my service will remain live, just the website will be hosted through Shopify, it will be a really bad user experience if they are notified that their subscription is cancelled. Any thoughts on a workaround for this? One idea that I had is that I assume that if deactivate/cancel my Squarespace site, then the active subscriptions will automatically be cancelled. Will customers be notified in this instance that their subscription is cancelled? Thanks for your help!
  2. 1 point
    @rwp Thanks, worked perfectly!
  3. 1 point
    It works Rwp! Thank you so much!😀
  4. 1 point

    draft orders

    No, this is not possible.
  5. 1 point
    So, we can do this, but I need to know what you want the menu to do when it becomes too long for the available space. Do you want it to go above the logo, or do you want it to start stacking vertically on the right?
  6. 1 point
  7. 1 point

    Coding with vertical lines

    thank you so much that worked perfectly!!!!
  8. 1 point

    Gallery Captions Centered

    Add to Home > Design > Custom CSS .gallery-grid-wrapper p.gallery-caption-content { text-align: center; }
  9. 1 point

    Header code injection not accessible

    Page Header supports Business Plan higher only Which code do you want to use? Sometimes you can convert to Custom CSS (Personal Plan supports CSS)
  10. 1 point
    I see underline hover works here? Dell laptop/Chrome With mobile, add this to Home > Design > Custom CSS .header-menu-nav-item a { display: inline-block; }
  11. 1 point
    I found myself how to do this, in case other people are interested - here is the answer: in custom css, add .header-menu-nav-item--external { display: none !important; }
  12. 1 point
    Hi Tuanphan, After a few tweaks, the below is the code that worked:) Thanks for the help @media screen and (max-width:900px) { h1.logo.site-title a { font-size: 25px !important; } }
  13. 1 point
    try the code above, but make the order: 8... I think that would be it. if not, you'll see the change and adjust again (7 or 9)
  14. 1 point
    Add this to custom CSS .markdown-block { order: 5; }
  15. 1 point
    I have been looking for a solution for this for several days. The problem I was having is that I needed the logo and page links in my header to be white with a transparent background at the top of my pages (before scroll), because the photos I have at the top of every page are dark and no other color shows up. I wanted the nav bar to be a white background and gray/black links after the user scrolls past the photo. I didn't see a way to do this currently in the UI. I also wanted to do this using only CSS if possible. @tuanphan Helped me with this and I was able to get exactly what I wanted! I will include the code below. I hope this helps some of you in the future. Note: I set the header to be transparent and fixed before adding this code. Add to Home > Design > Custom CSS /*Colors*/ @lightgray: #808285; @aqua: #46ACB9; /*Header links color*/ .header-announcement-bar-wrapper.black.shrink * { color: @lightgray !important; fill: @lightgray !important; } /*Logo color*/ .header-announcement-bar-wrapper.black.shrink a#site-title { color: @aqua !important; } /*Hamburger menu color*/ .header-announcement-bar-wrapper.black.shrink { .burger-inner::before, .burger-inner::after { background: @lightgray !important; } }
  16. 1 point
    Put this in the header code injection <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  17. 1 point
    OHHHH. I think I see the issue. You might have put some of the CSS in the code injection block. So delete both codes from above replace with this (code injection) <script> window.Squarespace.onInitialize(Y, function() { $('.ProductItem-additional .markdown-block').insertAfter('.ProductItem-details-excerpt'); $('.markdown-block .sqs-block-content h3').addClass('ui-closed').css('cursor', 'pointer'); $('.markdown-block .sqs-block-content h3').nextUntil('h3').slideUp(); $('.markdown-block .sqs-block-content h3').click(function() { if ($(this).nextUntil('h3').is(':hidden')) { $('.markdown-block .sqs-block-content h3').nextUntil('h3').slideUp(); $('.markdown-block .sqs-block-content h3').removeClass('ui-open'); $('.markdown-block .sqs-block-content h3').addClass('ui-closed'); $(this).nextUntil('h3').slideDown(); $(this).toggleClass('ui-closed ui-open'); } else { $(this).nextUntil('h3').slideUp(); $(this).toggleClass('ui-closed ui-open'); } }); }); </script> Then add this to Design -> Custom CSS .markdown-block p { margin-left: 1em; } .markdown-block .ui-closed:before { font-family: monospace; content: "+ "; color: #2DA9C6; } .markdown-block .ui-open:before { font-family: monospace; content: "- "; color: #2DA9C6; }
  18. 1 point
    Edit style code <style> @media screen and (min-width:768px) { .ProductItem-details .ProductItem-product-price { display: flex !important; align-items: center; } .ProductItem-details .ProductItem-product-price .product-price { margin-right: 20px; } .product-quantity-input>* { float: left; } .product-quantity-input { width: 50%; display: flex !important; align-items: center !important; } .quantity-label, .product-quantity-input { margin-bottom: 0 !important; } } </style>
  19. 1 point
    Hi CorpMedia, While there isn't a way to setup something like that under Squarespace built-in features, other than uploading the menu as an Image Block to your site and then set that image to open in a lightbox, you may want to consider setting up text links for the different items on the menu, so that when they are clicked, the user is directed to another page where you can have an image of the item in an Image Block.
  20. 1 point
    I am setting up a website for a client, and she's interested in creating a paywall for online videos - including payment options both as payment per video and also as member subscription. Second, she's interested in requiring payment for event registration. Essentially she's looking for new ways to offer her teaching and training, and offering her courses online seems like a smart ways to allow her to widen her audience. On Squarespace, how can I: 1) set up a paywall for individual video content? (we can use vimeo or youtube, or other video platforms as needed -- also has anyone used Zype to set up this paywall on a per video basis?) 2) offer a subscription service to unlock all video content (I saw Memberspace and Podia might be good options here?) 3) require payment for event registration Thanks for your help and suggestions here!
  21. 1 point
    Thanks @ManuMateo that worked perfectly! Code for anyone else too lazy to click through 🤪: .portfolio-hover[data-mode="hover-follow"] .portfolio-hover-items .portfolio-hover-item[data-active="true"] .portfolio-hover-item-content { text-decoration: none !important; }
  22. 1 point
    @cleanslatemarketing @bag What I would do is have 2 summary blocks. One would display the "latest blog post" and then have another summary block that shows the 3-4 most recent posts. Then you could use custom CSS to target the first item in the second summary block and hide it (this is assuming the first one would be the latest post). If either of you have a site link feel free to share it
  23. 1 point
    The Vimeo article referenced in the original post explains how to do this. You can sell your Vimeo On Demand titles by embedding videos from your VOD page on your Squarespace site. When you have embedded a video from your VOD page, viewers will see the trailer for your title and will be able to rent or buy the videos from there.
  24. 1 point
    Trying out the 7.1 builder, and my CSS code for older templates isn't working to replace the header logo on pages that have image overlays. Has anyone been able to find code that works to replace your logo on certain pages that have a header overlay vs a solid header?
  25. 1 point
    You’ll need to use a third party reviews service and integrate it.
  26. 1 point
    I am using Five template, have a Gallery Summary Block placed on homepage that was not allowing links (video, pdfs) to open in a new browser window. After much searching, reading, trial and error, I think I finally pieced together a method to make all of the links in a gallery summary block open in a new browser window (without affecting the rest of the links on the site page). First, enable jQuery on your site by going to main menu (Settings/Advanced/Code Injection) and pasting this code snippet into the header field: <script src="//code.jquery.com/jquery-1.12.0.min.js"></script> Next, go to the page you want your gallery summary block to allow external links to happen on, and go to (Settings/Advanced/Page Header Code Injection) and paste this code snippet in the box: <script> $(document).ready(function() { $('.sqs-gallery-container a').click(function(event) { event.preventDefault(); // preventDefault first var link = $(this).attr('href'); if(link != '#'){ window.open(link); } }); }); </script> I tested this on my page, every link on the site works normally, and all of the gallery summary block links now open in a new browser window. NOTE: if you are using multiple gallery summary blocks on one page, this code snippet will affect ALL of them... so if you only want to have it affect one particular gallery summary block, you will need to specifically call out that gallery summary block in the page snippet. This is the section of code you would need to change in the snippet: $('.sqs-gallery-container a').click(function(event) { In my case, the gallery summary block I needed to change was the 2nd of 3 on my index page. I viewed the page in Preview mode, then right-clicked and selected"View Source"... then scrolled (and scrolled... and scooooolllled) until I found which gallery summary block it was (summary-thumbnail-container) and edited the code snippet to reference that block specifically: <script> $(document).ready(function() { $('.summary-thumbnail-container').click(function(event) { event.preventDefault(); // preventDefault first var link = $(this).attr('href'); if(link != '#'){ window.open(link); } }); }); </script> I saved and previewing my page, and bah-da-bing, just the intended gallery summary block opened links in external browser windows, leaving the other gallery blocks alone and not affecting any other links on my page. Advanced coders (who didn't start out web coding in good ol' html waaaaay back when dinos ruled the planet) - feel free to chime in on suggestions/improvements to this method, as I am not familiar with this scripting language, but managed to muddle around with things to make it work (as far as I can tell...... if it does something wonky I will post an update). Hope this helps someone else! :)
This leaderboard is set to New York/GMT-04:00
  • Create New...