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/12/2019 in Posts

  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
    Squarespace doesn't allow file uploads by visitors so you must be using a third-party service. You'll need to contact them to ask about their limits. It isn't possible for us to determine which service you are using without a working link to the page on your site.
  9. 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; } }
  10. 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.
  11. 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]".
  12. 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.
  13. 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; }
  14. 1 point
    You can use CSS/JavaScript to change logo on certain pages.
  15. 1 point
    Sorted! Thanks @MagneM it worked. I had missed something out
  16. 1 point
    @Brig That guide was written for the Brine template on Squarespace 7.0 but I can see that you are using 7.1. Here's an updated guide for 7.1.
  17. 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; } }
  18. 1 point
    Christy, you are amazing. That was it. Thank you.
  19. 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.
  20. 1 point

    Smaller Image in Mobile

    @cesarlanga add to Home > Design > Custom CSS @media screen and (max-width:640px) { body#collection-5de035815043fe7cebe9685f .sqs-block-image { max-width: 50%; margin: 0 auto; } }
  21. 1 point
    Thanks so much for sharing this, @spencerhaddy I had a client who needed this and it worked like a charm!
  22. 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
  23. 1 point

    Remove Navigation from Homepage

    Nevermind, I figured it out! Thank you SO MUCH for your help!
  24. 1 point
    There has thank icon on right 😎
  25. 1 point
    Worked perfect! Thank you so much tuanphan!
  26. 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.
  27. 1 point
    top for title or both? body#collection-5dd6fc0df0547d640c75a4e5 .sqs-block-image .design-layout-poster .image-card-wrapper { align-items: baseline; }
  28. 1 point
    add to home > Design > custom CSS div#block-6f32ff9a3d960223efb5 h3 { line-height: 1em; } It seems that this error appears in many places on the website, because the line-height of some elements is set to 0px. If they are up to 2 lines long, that problem will appear. You can contact SS Customer Care to ask this. Or double-check the entire website, and use custom code to handle it.
  29. 1 point

    Squarespace to WordPress

    In my experience, we've needed to literally open every single page and post to get the import external images plugin to run. Additionally, we have had to limit how many images it imports at once to <50 or else it times out. Basically, I've had to do this incrementally to fully import images properly when migrating from Squarespace to WordPress. It's quite tedious, but doable.
  30. 1 point

    Blog Archive in 7.1

    Hey Tuanphan, I realized the summary blocks and other content is indeed accessible by clicking on entry points as in 7.0. Problem solved for now thanks for all your help!
  31. 1 point

    Feedback on Client Site

    Hi @sinjinhilaski, I've just had a quick look at your website. Looks good! I'm getting a few pop-ups (mailing list sign-up, recently purchased data, a flashing 'free shipping' banner). All these things can work, but put together and as soon as you land on a site, it can feel a little overwhelming. It may reduce interaction/trust, increase frustration, and cause issues with bounce rates. I love what you've said about the colour scheme, and I think that sets out a nice USP for the brand. However, that doesn't seem to be clearly represented on the homepage. I would try to convey that message using great photography. I would also try to reduce down the number of calls to action (CTA) on the homepage. There's currently 'Shop Now!', 'Read more', 'Talk to us!', and a newsletter sign-up form). Pick one clear CTA for the homepage and make sure everything else reinforces that action. Hope that helps - Gareth
  32. 1 point
    Try the below piece of CSS. #page { padding-top: 40px; }
  33. 1 point
    It's this tool: https://www.squarewebsites.org/blog/squarespace-websites-uploader
  34. 1 point
    @bheiberg change from 10000 to something like 5000 the lower, the faster "timeout":10000,
  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

    Background Color

    This code should work (i checked your site with this code) body#cart .Header--bottom { background: #fff; } body#cart .Header--bottom * { color: black; }
  37. 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
  38. 1 point

    Background Color

    /* Product Items */ .collection-type-products.view-item .Main-content { background: #fff; } .collection-type-products.view-item .Header.Header--bottom { background: #fff; } .collection-type-products.view-item .Header.Header--bottom * { color: black; } .collection-type-products.view-item .Main-content * { color: black; } /* Cart page */ body#cart .Main-content { background: #fff; } body#cart .Header--bottom { background: #fff; } body#cart .Header--bottom * { color: black; } body#cart .Main-content * { color: black; }
  39. 1 point
    She messaged me. I sent code to her..
  40. 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.
  41. 1 point

    CSS code video background

    This plugin will get you most of the way. https://www.squarewebsites.org/products/background-videos-utils It forces the mobile fallback image to show when video is preloading on desktop. The fallback will also show on mobile. I don't think it turns the loop control off but the author of the plugin @michaeleparkour can confirm that.
  42. 1 point
    With Avenue Template, use this code .main-nav li:last-child a { background: #000; color: #fff !important; padding: 10px 20px !important; border-radius: 20px; }
  43. 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
  44. 1 point

    Change hover color PER link.

    @RJTimmermans95 Add to Home > Design > Custom CSS a.Header-nav-folder-item:nth-child(1):hover { color: red !important; } a.Header-nav-folder-item:nth-child(2):hover { color: #009900 !important; } a.Header-nav-folder-item:nth-child(3):hover { color: green !important; } a.Header-nav-folder-item:nth-child(4):hover { color: #000 !important; } a.Header-nav-folder-item:nth-child(5):hover { color: rgb(0,0,0) !important; }
  45. 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; }
  46. 1 point
    Greetings, Would it be possible to create a XML or TXT file from Squarespace 6 commerce section? I would like to get our products listed on google shopping, but it requires a data feed, which would be a major pain to do manually, would it be possible to create a tool to create a data file for this task? heres the info page from google:https://support.google.com/merchants/answer/188478?hl=en&ref_topic=3404777 Thanks so much! -M
  47. 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
  48. 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
  49. 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>
  50. 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
This leaderboard is set to New York/GMT-05:00
  • Create New...