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 11/13/2019 in all areas

  1. 3 points
    Hi @T1B Replace it with this: .Mobile-overlay-nav-item { font-family: 'Your Font' !important; font-weight: 200; font-style: normal; font-size: 30px; letter-spacing: 0em; } (Make sure you write the font-name correctly).
  2. 3 points
    Hi @simon.cox I've built custom solutions like this for clients (example). It's a frequent request so, to reduce the cost significantly, I've just packaged the solution as a reasonably priced Squarespace Extension and made it available for 'do-it-yourself' installation. You can find full details on our website or test it out here. -Paul
  3. 2 points

    Mojave Template Tagline

    Yes, you can do this in Design > Site Styles. Under HEADER: TOP, you'll need to change Center Layout to Stacked instead of Horizontal.
  4. 2 points

    Responsive Markdown text

    Do you mean you want it to be a different size on mobile? If so, adding the following to your custom css should help @media only screen and (max-width: 640px) { h4 { font-size: 88px; } } That should work - all you need to do is tweak the 88px to whatever value you want.
  5. 2 points
    Which sections? add to Home > Design > Custom CSS @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1573840832712_204829+.row { display: flex; flex-direction: column-reverse; } }
  6. 2 points
    .eventlist-cats {display:none} This might be an answer to a different question. Events vs products.
  7. 2 points
    Copy and paste the code below to your Custom CSS. Change the height value to what you want. Let me know if this works... .collection-type-page.has-promoted-gallery #promotedGalleryWrapper .sqs-block, .collection-type-page.has-promoted-gallery .promoted-gallery-wrapper .sqs-block, { max-height: 500px!important; } .sqs-gallery-design-stacked-slide { height: 500px!important; }
  8. 2 points

    Remove banner on mobile site?

    Hi @Vaktis_naturbruk, do you want to remove the banner image on all pages or which specific page? The code below hides the banner image for the home page only, but if you wish to hide it on all pages, then remove #collection-588217d48419c28b7ce46248 from the code. Let me know if it works! πŸ˜‰ @media screen and (max-width: 640px){ #collection-588217d48419c28b7ce46248 .Index-page--has-image .Index-page-content { display: none; } }
  9. 2 points
    You're charging for this service? On top of what we pay for our site? I've been a loyal customer for many years, and am very reluctant to switch, however, Shopify offers this service included in their price. I feel this should be an added feature included in the ecommerce plan.
  10. 1 point
    The code required to set a minimum order quantity is very straightforward, but as Colin said, the major issue is that the benefit is completely lost at the checkout stage. At that point, the potential customer can order items below your minimum quantity, leaving you with the additional admin of issuing a refund. The plugin you mention is no different. As the author points out in his demo video "There's no code that can be placed on the checkout page.. so customers could come into this quantity field and change the quantity [below the minimum]".
  11. 1 point

    Buy One Get One (BOGO) Discounts

    You can create discounts like '20% off orders over $100' but there isn't a specific 'Buy One Get One..'. discount available. This guide will walk you through the options for creating discounts.
  12. 1 point

    Code Logo for Mobile Device

    @mvnrose Add to Home > Design > Custom CSS /* remove spacing around logo */ .mobile-branding-wrapper { padding: 0 !important; } /* set new logo width */ .mobile-branding-wrapper .mobile-logo-image a { max-width: 200px; }
  13. 1 point
    Hi, So, I was looking in to jumping on to Squarespace development (freelance basis) but I've read about version 7.1 that it would end template support and so basically no third party templates could be uploaded too. So is Squarespace completely cutting of the developers so we have some hope yet? I'm quite confused about it.
  14. 1 point
    I currently use ConvertKit where I can maintain a single list, but organize it by segments based on interest, interactions I've had with them, etc. Can I do that with SqSpace email marketing or would I need to create a whack of lists with repetitions?
  15. 1 point
    add to Home > Design > Custom CSS @media screen and (max-width:640px) { #logoImage img { width: 150px !important; height: auto !important; max-height: unset !important; } }
  16. 1 point

    Responsive Markdown text

    Works like a charm. Thank you so much!
  17. 1 point
    Ok, I have made progress..... After finding these instructions on a Shopify forum for the same issue, I followed them and I now have this....(see pic) I think the key difference for me was that I changed my page category from 'community' to 'e-commerce website'. I'll report back either way but fingers crossed. This is the furthest I've got and it now has a Instagram Shopping bit on my Facebook Business Manager saying 0 connect, 1 in review.
  18. 1 point
    The background video on a website we made doesn't start up right away. The video is on our Vimeo-channel. The website is www.senneguns.be. I don't think the file is to heavy. On our own website we do the same thing and there the background video is always running right away.
  19. 1 point
    Hey weodeo, Considering what you are trying to achieve here, you may want to consider having a look into the Overlap and Collage Image Block layouts. Check Squarespace's help guide below for more specifics: Image Block layouts
  20. 1 point
    First, can you enable title & description? i don't see both
  21. 1 point
    @feelthewater If you visit https://www.squarespace.com/templates then you should see the 7.1 starting points (Mark Novo, Paloma, Clarkson..). Clicking on 'Looking for older templates?' will send you to the 7.0 templates.
  22. 1 point
    @remf Try Zapier. eg. https://zapier.com/apps/squarespace/integrations/zendesk https://zapier.com/apps/squarespace/integrations/intercom ..
  23. 1 point
    Got it! I would put in a new social media icon and it would make the navigation icon reappear, but if I went back into the site styles, it only removed the icon in the navigation bar. cheers
  24. 1 point
    Hi all, My website link is https://shallot-piano-yxfr.squarespace.com/config/ and the password to see it:11223344. I use version 7.1 and the template is Almar. I want to use my black logo for most of the pages and change it to white in couple other pages. Tried some custom CSS provided on other posts but didn't work. Any help would be appreciated. Attaching my logos... Thanks
  25. 1 point
    I found the solution from @colin.irwin on another thread. Thanks Colin! Insert this into your custom css and then tweak the @sectionpadding pixel value until you get the layout you prefer. @sectionpadding: 10px; .index-section .index-section-wrapper.page-content { padding-top: @sectionpadding; padding-bottom: @sectionpadding; }
  26. 1 point

    Feedback on Client Site

    I'd stretch the pop up times of the social proofs and give a heavy delay to the newsletter popup. It's like – "Oh hey I'm Andy, let's have a coffee in my room!"
  27. 1 point
    Having the same issue here. Contacted support and waiting for response.
  28. 1 point

    Bedford Blog - Hide Publish Date

    .collection-type-blog.view-list .dt-published.post-date { display: none; }
  29. 1 point

    Dark Mode - Skye

  30. 1 point
    Try the code below: .sqs-search-container-item .sqs-content span{ display: none!important; }
  31. 1 point
    Can you please share a link to your website (and pwd if it is pwd protected)? And what template are you using?
  32. 1 point

    Bedford Blog Banner help please

    @starladyplace - awesome! Do you mind voting/liking my answer so it is marked as solved? It can be helpful to other members and as well. Thank you!
  33. 1 point
    Try the below piece of CSS. #page { padding-top: 40px; }
  34. 1 point
    It's this tool: https://www.squarewebsites.org/blog/squarespace-websites-uploader
  35. 1 point

    Scale code blocks for mobile

    Personally, I wouldn't use inline styles in a code block for precisely the reason that you have highlighted - it's difficult to make them responsive. However, you may be able to get things looking better with your inline styles if you use vw units rather than em. vw is relative to the viewport width. A better approach is to learn how to target a specific block for styling. This Chrome extension shows you block names that you can use in custom css. https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde Enabling the extension in your Chrome address bar will overlay the collection ID and block ids on a page. To style a text block containing the example you gave earlier you would create a normal text block and insert 4 centered lines of text. #the-block-id { p { font-size: 2vw; // the first para } p + p { font-size: 2.5vw; // para followed by a para, so 2nd para } p + p + p { font-size: 3vw; // para followed by a para followed by a para, so 3nd para } p + p + p + p { font-size: 3.5vw; // para followed by a para followed by a para followed by a para, so 4th para } } Note that the vw values I have used may not be ideal but you can tweak them. Also, the way I have targeted the paras isn't the most elegant, but it should work and give you an idea. I would use the above to get the sizing correct for wide screens and then create breakpoints to tweak the size at smaller screen widths. #the-block-id { p { font-size: 2vw; // the first para @media only screen and (max-width: 640px) { font-size: 3vw; //increase text size for screens up to 640px } } p + p { font-size: 2.5vw; // para followed by a para, so 2nd para } p + p + p { font-size: 3vw; // para followed by a para followed by a para, so 3nd para } p + p + p + p { font-size: 3.5vw; // para followed by a para followed by a para followed by a para, so 4th para } } The above shows an additional breakpoint for the first para on screens under 640px in width.
  36. 1 point
    Hi @SpotlightMedia, You'll need a third party solution for username/password logins. MemberSpace is a good solution that integrates very well with Squarespace. Christy
  37. 1 point

    Adding a sitewide border

    Yes, just place the below into your websites global CSS. #siteWrapper {border: 10px solid white}
  38. 1 point
    Unfortunately, setting a minimum height (as suggested above) doesn't scale. It will only work above at fixed resolutions. See what happens when the code is applied: A better alternative is to use flexbox to create equal-sized containers. Add display: flex to the column container, and then for columns of equal height, add flex:1 to the columns themselves. Be careful about the specificity so that you don't inadvertently affect other elements on the same page. @romerodan to do this on your site, you'll want to put the three columns in their own section of your index page. This will enable you to target just these three columns. When flexbox is used on the page, the columns do this at different resolutions: @erin3 For specific advice for your site, please provide the URL of the page.
  39. 1 point
    Add the following to the custom css area after any other code that may already be there .view-list { .BlogList-item-meta, .summary-metadata-container { display: none !important; } }
  40. 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.
  41. 1 point
    Yes and no. You could upload a PDF that they download called instructions and on that PDF you have the Dropbox link that they can click on. Its a bit of a hassle but unless you want to start messing around with automated email campaigns in Squarespace it’s the only solution that I can think of.
  42. 1 point
    Hey guys, I have the following problem: My Slideshows looks great on desktop, but not as good on mobile, especially for portrait mode pictures. For landscape, it is fitting but the pictures in portrait mode are too small (high). I want them a bit bigger. Is there a possibility to do that? Please take a look on this homepage for instance (on mobile): www.tobiasholub.at Thanks for your help!Michi
  43. 1 point
    Hi All, I am struggling with Parallax on mobile and I wanted to know if there is a line of code I can insert in the header code injection that will enable me to keep the effect on desktop versions of the site. Site in question : www.nicolebarton.co.ukSite Style: Bedford You can see on the mobile version I am getting bars appear on the top / bottom when viewed in the mobile format. I have copied my Parallax code below, which sits in Settings>Advanced>Code Injection <!-- Parallax --> <script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.6.2/rellax.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { var targets = '.banner-thumbnail-wrapper #thumbnail img, .index-section #thumbnail img, .index-section:first-child .slide .thumb-image'; if (document.querySelector(targets)) { var rellax = new Rellax(targets, { speed: -3, center: true }); } }); </script> <!-- end Parallax --> Ideally this would be a few lines of code at the end that states if a page is 640px wide then it will disable this particular piece of code. Any help greatly appreciated!
  44. 1 point

    Dropdown Menu colour Squarespace 7.1

    @StephenWise1999 Add to Home > Design > Custom CSS /* Change dropdown menu background */ .header-nav-folder-content { background: #febf00 !important; }
  45. 1 point
    I tweaked @lisa_zagari's awesome code so that the arrows are in the vertical center of the image, and overlapping the edges by a little bit. See code & example. Hope this is helpful! .summary-carousel-pager .previous { position: absolute !important; left: 5% !important; right: inherit !important; top: 45% !important; } .summary-carousel-pager .next { position: absolute !important; left: inherit !important; right: 5% !important; top: 45% !important; }
  46. 1 point

    Button that pops-up a video lightbox

    If you're still stuck this plugin will get it to work without fiddling any code https://www.sqspthemes.com/plugin-shop/squarespace-video-lightbox-button
  47. 1 point
    I got this working with the following code in form post-submit HTML <script> var link = document.createElement('a'); link.href = '/s/filename.pdf'; link.download = 'filename.pdf'; link.dispatchEvent(new MouseEvent('click')); </script> Found in this stackoverflow answer
  48. 1 point
    Hi Yes, there's a workaround you can add for this. The code below assumes that the mobile version of your home page has the URL 'mobile'. Add the following code to the Code Injection area of the desktop Home page (you'll find this on the page settings on the Advanced tab): <script> if (screen.width<760) {window.location="/mobile";} </script> Paul UPDATEI've updated this answer to allow for devices with higher resolutions and to allow testing on browsers when the width has been reduced. Use the code below instead, adjusting the URL and the width (in pixels) to match your needs: <script> if (document.documentElement.clientWidth <760) { window.location = "/mobile"; } </script>
  49. 1 point
    Issue for me as well. I'm competing against some big boys, and they're killing me by being integrated with Google Merchant Center. Any timeline on a possible fix for this? Best, James
  50. 1 point

    Where do I upload JavaScript files?

    this is a ridiculous workflow to simply upload files
This leaderboard is set to New York/GMT-05:00
  • Create New...