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/23/2020 in all areas

  1. I contacted support and they advised that at this stage they have no update when their system will accept the new Google Analytics 4 (GA4) measurement ID. It is disappointing because clients who don't have a business or eCommerce plan don't have any option to add the GA4 tag in. Support suggest clients add a UA tag in but this disregards the fact GA4 is based on a global tag and even Google recommends during setup not to use the UA tag. Understand Google has made the change, but at the very least Squarespace should allow code injection until they have a fix for this as GA4 is n
    8 points
  2. Whether you’re prepping for Black Friday and Cyber Monday or getting ready for Boxing Day sales, the holiday season has arrived. There are so many ways to prepare your website and business for the holidays: give your website a holiday themed makeover, have special sales, update your product offerings, etc. How are you preparing your website for the holiday season? What is your go-to strategy? Share in the comments below!
    4 points
  3. Some CSS Class/ID for Squarespace 7.1 Header Header: header#header Site Title: a#site-title Navigation: .header-nav Navigation Items: .header-nav-item a Navigation Dropdown: .header-nav-folder-content Navigation Dropdown Items: .header-nav-folder-item a Mobile Navigation Items: .header-menu-nav-item a Mobile Menu Icon: .header-burger Mobile Menu X icon: .burger–active Header Social Icons: .header-actions .icon Cart Icon: header#header span.Cart-inner Cart quantity: header#header .icon-cart-quantity Footer Foot
    4 points
  4. Squarespace recently added Image Effects to background images. If you edit the section and choose Background, add your image then scroll to the bottom and select Image Effect: Tilt to add parallax.
    4 points
  5. Hi, Please insert this code in your Page Settings -> Header Injection <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> var imgURL = "https://images.squarespace-cdn.com/content/v1/5947fdcdd482e9517f8cc5e9/1605298803110-Q4U67HKG2YXUWOCN3TCW/ke17ZwdGBToddI8pDm48kLkXF2pIyv_F2eUT9F60jBl7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0iyqMbMesKd95J-X4EagrgU9L3Sa3U8cogeb0tjXbfawd0urKshkc5MgdBeJmALQKw/image-asset.jpeg" // Insert your image link here! $(window).on('load', function() { $('hea
    3 points
  6. IXStudio

    CSS customize - Padding 7.1

    Use this code in Design -> Custom CSS #collection-5fb04029f8f3f14190c4cd9e.tweak-portfolio-grid-overlay-width-inset .portfolio-grid-overlay { padding: 0 0 3.3vw 0; } Please use the like button if it helps you! Best, Leopold
    3 points
  7. Check here please. https://support.squarespace.com/hc/en-us/articles/206545567-Using-the-CSS-Editor#toc-upload-files--optional- You can upload your images and get the link. (Upload files section) Thanks!
    3 points
  8. Hi You can insert the image with this code <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"> Also you can upload the image to Design -> Custom CSS (You will see the upload field) If you need to add navigation you can use summary or gallery! Please use the like button if it helps you! Best, Leopold
    3 points
  9. Hi Use this code in Design -> Custom CSS body[data-menu-overlay-theme-switcher="true"]:not(.header--menu-open) header:not(.black) .header-nav-wrapper .header-nav-folder-item a { color: white !important; /* change the color */ line-height:25px; /* remove if you don't like */ } body[data-menu-overlay-theme-switcher="true"]:not(.header--menu-open) header:not(.black) .header-nav-wrapper .header-nav-folder-content { background-color: #3d3d3d !important; /* change the BG color */ } Please use the like button if it helps you! Best, Leopold
    3 points
  10. Add the following to Store Settings > Advanced > Page Header Code Injection. <style> /* begin add store category descriptions */ @media screen and ( min-width: 576px ) { .tweak-products-nested-category-type-sidebar.tweak-products-category-title .products.collection-content-wrapper .nested-category-title { margin-bottom: calc( 37px / 2 ); padding-bottom: 0; } .tweak-products-nested-category-type-sidebar.tweak-products-category-title .products.collection-content-wrapper .nested-category-title::after {
    3 points
  11. @paul2009 - I don't expect perfection. I have been doing business online since 2000 and have plenty of experience using a variety of e-commerce platforms. So I have a pretty good idea of what features are essential and should come built-in at a price point and what features are acceptable as extensions (and therefore I can expect to pay). If I had come across your list of missing e-commerce features on Squarespace back in May, I would have gone with Shopify instead. But back in May, the 2 glaring features (for me) that were missing with the Advanced Commerce were: the ability to create or
    3 points
  12. I have made several calls requesting more efficient organizing of products in catagories. Right now I was informed SS has set it up so that products need to be manually organized in thee different areas from most specific sub-category, catagories and "All". It is quite insane! The answer it seems is to have the organize individual products in sub categories, move entire sub-categories within catagories (drag and drop) and then have this organization reflected in "All". The current system is a deal breaker for anyone who has to move a lot of individual products. I would never have
    3 points
  13. Agree that this would resolve it. Curious to hear from anyone that tries this whether GA ecommerce tracking works with this implementation though. In my experience, GA has to be implemented through Squarespace's built-in integration in order for ecommerce tracking to work.
    3 points
  14. UPDATE UPDATE!! The Squarespace app still allows you to change the default theme. Site Styles > Colours > Site Theme Amazing.
    3 points
  15. @bangank36 THANK YOU! i have been fiddling with this for days. Thank you so much!
    2 points
  16. Remove any previous CSS attempts at this effect. Add the following to Design > Custom CSS. #collection-5f3d3c81b6cc02649eeae2f8 #clientlogos .Index-page-content { padding-top: 10px; } Let us know how it goes.
    2 points
  17. try text-transform: unset;
    2 points
  18. IXStudio

    Center All Text on Mobile

    Hi Use this code in Design -> Custom CSS @media screen and (max-width: 640px) { h1, h2, h3, p { text-align: center !important; } } Please use the like button if it helps you! Best, Leopold
    2 points
  19. JRBrick

    Hotel Booking plug-in

    I use OwnerRez with one of my clients. I find it easy and seems to work well. https://www.springdaleresortlodging.com/
    2 points
  20. Sarah, I use Vimeo to host videos for a personal side project and subscribe to the Plus Plan which allows me to remove the videos from the Vimeo website, restrict what domains the videos appear on (so only my website) and prevent it from being embedded on another site. This would enable you to host videos for your class in the Members Area without students being able to find them on vimeo.com.
    2 points
  21. Hi, Yes! Where you want to add the button? And please check these styles. If you like them, I can give you the code of that effects! Please use the like button if it helps you! Best, Leopold
    2 points
  22. Try the following for 7.1: // Sticky Product Filter 7.1 // .products.collection-content-wrapper .nested-category-tree-wrapper { position: -webkit-sticky; position: sticky; top: 100px; }
    2 points
  23. @bangank36 GOLDEN! Just what I needed... thanks a lot!!!
    2 points
  24. Site URL: https://itsbrandond.com Hey Squarespace fam! I'm planning to officially launch my new portfolio built on the 7.1 platform. I would love any and all feedback in regards to the design, content, brand and overall aesthetic/flow. I wanted to highlight some of my favourite projects over the years and make it easy for people to connect with me. Thanks so much!
    2 points
  25. Site URL: https://sashalennonpottery.com/ I sell physical goods, and I have upgraded my site to included carrier calculated shipping rates at checkout. Most of my goods require a box for shipping, but I recently started selling stickers. Stickers are flat, and don't need to be shipped in a box. I want the calculated shipping when shipping only stickers to be $0.55 (the cost of a stamp). I can't find a way to manipulate the carrier calculator to know to place the items in an envelope and not a box. I have tried creating a flat rate shipping option, but since I can't apply shipping opti
    2 points
  26. I suggest to make it 100% viewport on mobile @media only screen and (max-width: 640px) { #collection-5fac58a28b82eb77cd318983 #new-gallery .Index-gallery-item { height: 100vh } }
    2 points
  27. Hi there - Can you open up some more spots for your class on Nov 18th. I think this is just what our clients needs to know SS can do fo rthem - they sell memberships. They are considering leaving SS for Kajabi. Being in the class might just save this client from leaving SS. Can you add me to the class?
    2 points
  28. OMG!! That worked perfectly! Thank you so much!🤓
    2 points
  29. Option 2: Force my website somehow to open at marekslavicky.com/en/home/#top Try adding this code to Home page Settings > Advanced > Header <script> window.location.href = "https://www.marekslavicky.com/en/home/#top"; </script>
    2 points
  30. Definitely following this thread. I feel this is my biggest frustration with Squarespace. Especially seeing there is a lot of trial and error with image sizing so could result in multiple uploads. I've been looking to see if they have "vote this feature" in anywhere like other platforms do. Because I would press is a million times!
    2 points
  31. Thank you so much!
    2 points
  32. @bangank36 Worked perfectly! Thanks so much !!!
    2 points
  33. Just FYI guys, After the above code ended up working out from @creedon (thank you!) - I realized that I needed different booking links for each service. So here's the breakdown of what I ended up doing after lots of research: GOAL: Redirect Add to Cart link to Acuity Scheduling session link OUTCOME: First, I tagged each product that I wanted to change with "hideorder" I hid the Quantity and Add To Cart button with CSS Then I made any links in the product description into a button, making it easy for me to redirect to any link of my pleasing! EXAMPLE: https
    2 points
  34. This is a great question for Squarespace Customer Care. You can reach out to them here.
    2 points
  35. The code @tuanphan posted was for a Squarespace v7.0 site. Your site is v7.1 and requires different code. Add the following to Store Settings > Advanced > Page Header Code Injection. <style> /* There is something odd going on with v7.1 CSS as of 11/04/20 .ProductItem-details-checkout has a rule of display block but sub elements have order properties on them. The first bit of CSS unsets those items for a clean slate returning the elements to natural order. */ .ProductItem-details .product-quantity-input, .ProductItem-details .product-
    2 points
  36. Thats brilliant. Thanks bangank36.. On the mark
    2 points
  37. Feel free to try my solution if it fit, Copy to Settings->Design->Custom css, .products.collection-content-wrapper .products-flex-container .list-grid .grid-item.sold-out { order: 2 } .products.collection-content-wrapper .products-flex-container .list-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; } @media only screen and (max-width: 768px) { .products.collection-content-wrapper .products-flex-container .list-grid { grid-template-columns: 1fr; } .products.collection-content-wrapper .products-flex-container .list-grid .grid-item { width: 100%; } } .
    2 points
  38. @inunziIt's okay! I really appreciated your effort to help me! @creedon It worked!! Thank you so much!! Thank you all!
    2 points
  39. Add to Home > Design > Custom CSS then save & reload your site. body.homepage .header-announcement-bar-wrapper { background: transparent !important; position: absolute !important; }
    2 points
  40. Thank you. All solved.
    2 points
  41. Let's consider adding this line of code @media screen and (max-width: 3000px) { /* Display burger icon at all widths and align right */ .header .header-burger { display: flex; order: 2 !important; } /* Make burger menu visible at all widths */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } /* Center logo in mobile device */ .header-title { text-align: center !important; } /* Hide primary navigation menu */ .header .header-title-nav-wrapper .header-nav { display: none; }
    2 points
  42. Here is my trick, this way it can be applied on one page only instead of the whole site 1. You need to add below script on your page custom code 2. Since you got your image dimension, use this formula ratio = height / width --> 181/322 ~ 56.2% 3. Replace the value in this snippet <style> .sqs-block-image .sqs-empty .sqs-image-content { padding-bottom: 56.2% !important; } </style>
    2 points
  43. This worked - Thank you very much! 🙂
    2 points
  44. For anyone else who needs this, my friend Jason solved it by adding jquery and then disabling touchmove and touchstart. So in addition to adding the custom CSS above, go to Settings > Advanced > Code Injection > Footer and add: <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"> </script> <script> $(document).ready(function() { $("div.gallery-lightbox-list").bind('touchmove', function( event ) { event.stopImmediatePropagation(); }); $("
    2 points
  45. Some free code to create Pricing Table. Table 01. 1. Add 2 Markdown Blocks with syntax #### Standard $19 Per Month * Free custom domain * SS Security * Unlimited Storage * SEO Features * Premium Templates * Contributors * Premium Extensions [Sign Up][1] [1]: https://beaverhero.com 2. Add Code Block & Insert this code <style> .markdown-block { background: #F2F5F7; margin-left: 17px; margin-right: 17px; transition: all 0.25s; } .markdown-block:hover { transform: scale(1.04); } /* title */ .markdown-block h4 { font-family: mono
    2 points
  46. @codefordummies it looks like your site is in developer mode, so there may be other forces at work, but I'd suggest making sure AJAX loading is turned OFF. https://support.squarespace.com/hc/en-us/articles/115000253288-Ajax-loading
    2 points
  47. Enable Caption first, then add this to Home > Settings > Advanced > Code Injection > Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> function createNodeCaption(textContent){ var divElement = document.createElement("div"); var pElement = document.createElement("p"); pElement.innerHTML = textContent; divElement.classList.add("style-gallery-lightbox-text"); divElement.appendChild(pElement); return divElement; } $( document ).ready(function() { var itemGallery = document.getElementsByClassName('ga
    2 points
  48. Add to Home > Design > Custom CSS /* Add a line to bottom of header */ header#header { border-bottom: 1px solid green; } /* Add a line to top of footer */ footer#footer-sections { border-top: 1px solid green; }
    2 points
  49. This isn't something that can be done, now or in the future. We've been asking for recurring events for over seven years but, because of the way Events Collections were built, it is technically very difficult to achieve. Squarespace's compromise was to add the ability to duplicate events. This is far from ideal but it is the best solution available.
    2 points
  50. @StephenWise1999 Add to Home > Design > Custom CSS /* Change dropdown menu background */ .header-nav-folder-content { background: #febf00 !important; }
    2 points
This leaderboard is set to New York/GMT-05:00
×
×
  • Create New...