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 01/16/2020 in Posts

  1. 2 points
    Hi Kevin Great to see a Devlin site; there aren't many of those left. By default, the mobile padding is 40px. To reduce this to 14px, you can add this to Design > Custom CSS: @media (max-width: 640px) { #site>.wrapper, #footer>.wrapper { padding: 14px; } } -Paul
  2. 2 points
    To remove the 'Featured' heading from all Carousel Summary Blocks, add this to Design > Custom CSS: /* Remove 'Featured' Heading from Summary Block Carousel */ .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-heading { display: none; }
  3. 1 point

    Change Quantity Caption

    Add to Home > Design > Custom CSS .quantity-label { visibility: hidden; } .quantity-label:before { visibility: visible; content: "Tuan"; display: block; }
  4. 1 point
    It worked! Thanks so much for your help
  5. 1 point
    edit the code to @media screen and (max-device-width: 640px) { #collection-5e26fcabf068c869feaa849f #block-yui_3_17_2_1_1577452920169_13860 { .sqs-block-content .image-block-outer-wrapper { width: 50%; height: 50%; margin: auto; } } }
  6. 1 point

    Remove description issue on homepage

    Thank you! 😃 @tuanphan
  7. 1 point
    There has like icon in right...
  8. 1 point
    you can remove media query to apply on all devices #headerWrapper header { padding-bottom: 0; }
  9. 1 point

    Stripe & Customer Migration

    Thanks, that's pretty unfortunate. It seems so silly to build this functionality and leave out the ability to migrate an existing store.
  10. 1 point
    Yes, @AtelierDeux. In the CSS where you see ".gallery-item-description", within that scope (within the curly braces), add your letter-spacing rule. It'd end up looking something like this: .gallery-item-description { font-family: "Roboto", sans-serif; font-size: 16px; color: black; letter-spacing: .2em; }
  11. 1 point

    Same height image stack blocks

    In the circumstances @Adaptive you'll probably want to set the minimum height of the text. That way, the buttons are also aligned. For example, this CSS would probably work at the maximum width, but you'll need to wrap a number of these in media queries to adjust the height at smaller widths: #collection-5df0cfba33e7090f1f46f853 .image-subtitle-wrapper { min-height: 134px; } The reference to '#collection' is there to ensure that this only affects this one page. Anyone else using this would need to adjust the collection ID accordingly for their site. Here's a media query example for anyone who needs it. /* On screens that are less than 768px wide */ @media screen and (max-width: 767px) { [the css goes here] }
  12. 1 point

    Active Underline Whole Folder

    remove your code, and use this .main-nav ul li.active-link>a, .main-nav ul li.active-link a:active { text-decoration: underline !important; }
  13. 1 point

    Hover over gifs

    Hi there! I wondering is it's possible to have a GIF appear when someone hover over an image link to a page? I have gifs right now as thumbnails but it feels like a bit much as I add more projects. So I'd like it to be a still image until you hover over to click on a project. https://www.lilianapenagos.com/ for reference. Thank you all!
  14. 1 point
    I think its a great website. The only thing I would change is to make the paragraph text (like on the services pages) more readable. Probably increasing the font size would be fine.
  15. 1 point
    I am setting up a site for a photographer, I would like to be able to have her business instagram be attached to the site as a whole, however on the "about" page, she would love it if there was a way to link her personal instagram feed as well. Not just the handle but to actually connect the account so that people visiting the page see her actual personal instagram feed. Not sure if this is even possible but thought I would ask. Thanks!
  16. 1 point

    blog width in 7.1

    That worked, thank you so much!
  17. 1 point

    blog width in 7.1

    Thanks, I see the issue now. You are referring to the blog post list, not the individual blog post articles - which it what I meant. You should be able to achieve a full width blog list on mobile by adding this to Design > Custom CSS: @media screen and (max-width: 767px) { .blog-single-column .blog-single-column--text { width: 100%; } } Let me know how you get on.
  18. 1 point
    Hi there Danielle, Thank you for reaching out about this. My name is Kelsey, and I'm here to help. When updating product images on Squarespace, you'll want to be sure to update the product thumbnail image (which displays on the product landing page) as well as the individual product images (which display on the product detail page). To update the product thumbnail images, located in the Options tab, for your products, you'll want to follow the steps in this guide: https://support.squarespace.com/hc/en-us/articles/205845358-Changing-a-product-s-thumbnail-image **EXCERPT FROM SQUARESPACE EXCELLENT CUSTOMER SUPPORT
  19. 1 point
    .gallery-masonry-wrapper img {transition: all 0.75s;}
  20. 1 point

    Same height image stack blocks

    You can set fixed height, or min-height for all blocks on that page. For the community to help, we generally need a working link to the page on your site.
  21. 1 point
    Please provide a working link to one of these products on your site.
  22. 1 point
    @IvanOB: I'll take a look and see if things can be tweaked easily. If you can provide a link to an example page, it might speed things up. @SW_2020: This might be doable. If you can provide a link to a page that shows the issue, that'd be great. Otherwise, I'll do what I can to recreate it in my own demo (but that might not be easy). Also, what gallery style are you using?
  23. 1 point
    You'll find it in Design > Site Styles. In the section SITE: HEADER LAYOUT there's a setting called Cart Position.
  24. 1 point

    Stripe & Customer Migration

    Unfortunately, I don't think that the Squarespace Subscriptions service is the panacea you are hoping for. At least not yet; this is an evolving product. To switch to Squarespace Subscriptions, customers will have to re-subscribe to your products themselves. There’s no way to import subscribers or their payment details and you cannot add them yourself, even if you used Stripe. If you want their new subscriptions to align with their current expiry dates, you'll also need to ask customers to re-subscribe in Squarespace on the date of their renewal.
  25. 1 point

    Increase home page banner

    As a community, we love to help but we need to see the issue first hand, which means we need you to provide us with a working link to your website. If the site isn't live, we need you to set a password in the visibility settings and tell us what it is.
  26. 1 point
    As the title says, I have items which I'd like to offer at no cost BUT if a customer wishes to donate, I'd like them to be able to input a value of which they can pay.
  27. 1 point

    Disabling mobile menu on 7.1

    I have created a 2 page website in 7.1. I want to disable the mobile breakpoint of 991px and just keep the regular menu bar visible as there is only 1 button to a contact page on there. Does someone have the CSS code to disable the mobile menu in 7.1 since there isn't an option to set it to 0px in the style editor?
  28. 1 point

    Simple. Horizontal. Scroll

    Also looking for a solution to this
  29. 1 point
    From everything I've read it looks like the move to 7.1 (and removal of specific templates in favour of design styles) means header search is now gone. Same story with the Sidebar. Both features no longer seem to be supported which is super disappointing. The irony is that the Squarespace's own sites use both of these features (header search and sidebar) heavily. They are great features, please bring them back.
  30. 1 point

    Simple. Horizontal. Scroll

    @RWOLFE Can you provide us with a working link to a Gallery Page/Gallery Block on your site where you want to achieve this?
  31. 1 point
    The summary is, basically, to wrap your code like this: <script> window.Squarespace.onInitialize(Y, function() { //Your code here... }); </script>
  32. 1 point

    Changing Logo per page?

    Add to Page Settings > Advanced > Header <style> #logo img { visibility: hidden; } #logo h1.logo a { background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg); background-size: contain; background-repeat: no-repeat; background-position: center; display: block; height: 100%; } </style>
  33. 1 point
    Hi, Does anyone know how can I track conversions for the Newsletter Block? I know you can see the number of 'form/button submissions' under the Analytics section, but I'm interested in the more advanced tracking where you can see the source of the newsletter sign up. Say I run an advertising campaign across both Google Ads and Facebook Ads, I'm curious to know how many people sign up to my newsletter from each channel and not just the total value across the 2. Hope this makes sense and any help is much appreciated! Many thanks, Adrian
  34. 1 point
    ASiegersMusic ~ Thank you for reviving this issue. I'm also scouting for some easier way for clients to update their own calendar or events on Squarespace. If I find anything out there I'll add a note to this thread. ~ Rebecca A.
  35. 1 point
    Hi Maria, I'm looking for the same solution. Did you find something? Thanks!
  36. 1 point
    I second Michaels universal filter! It is extremely flexible and powerful! A bit confusing to set up but he offers stellar help!
  37. 1 point

    Coding conflict

    Have you solved yet?
  38. 1 point
    @C-A Add the following code to "code injection" --> "footer". <script> $('.header-menu-nav-item > a').click(function() { $('.header-burger-btn').click(); }); </script>
  39. 1 point

    Adding JavaScript to Button

    OP Update: I was able to get a button functioning with the following code, but unfortunately it cause all other media on the page to not load. If this is in there as a code block, any page it's on only displays as the grey background color with no banner images or videos. <div class="sqs-block button-block sqs-block-button" data-block-type="53" id="block-bkstore”> <div class="sqs-block-content" id=“bkstore”><div class="sqs-block-button-container--right" data-animation-tier="2" data-alignment="right" data-button-size="small" id=“bkstore”> <a href="#" data-bk-preorders="https://virtueathletic.backerkit.com/overlay_preorders" class="sqs-block-button-element--small sqs-block-button-element" target="_blank" data-initialized="true">Pre-Order Now</a> </div> </div> </div>
  40. 1 point
    Try adding the following to your custom css area (Design > Custom CSS) .html-block a:not(.sqs-block-button-element) { color: red !important; // standard link color &:hover { color: blue !important; // hover color } &:active { color: green !important; // color link goes when clicked } } Then insert the colors you need.
  41. 1 point
    Find the collection id of the page in question. You do this by inspecting the source code and looking at the body tag. Then insert the collection id into the following code (making sure you keep the # character in the code) and paste the edited code into your custom css area. #collection-id-here { header, footer { display: none !important; } }
  42. 1 point
    I can't for the life of me figure out how to hide the active post in a summary block for blogs. So for instance, I want to feature a summary block showing "Related Posts," so I set it to the category of the current post, but the current post that the user is reading will still show up in the summary block. Is there a way to prevent that? There's no reason a user would want to click a link to the post they're already on, obviously. This is on the Nueva template, though I haven't seen the feature in any template I've used.
  43. 1 point
    SOLVED <script> $(function() { $("img[alt='NAME-OF-FILE.JPG']").wrap("<a href='/HOME'></a>"); }); </script>
  44. 1 point
    There is a min-height of 33vh set on sections. You need to override that to get the sections smaller. For all sections this would be: .page-section { min-height: 0 !important; } For a specific section you need to specify the data-section-id that can be found by inspecting the page code using your browser's developer tools. Somethig like this: .page-section[data-section-id="5d979fd8590a832f3c411579"] { min-height: 0 !important; }
  45. 1 point

    Welcome to Squarespace Forum!

    Welcome to the new Squarespace Forum! We’re excited to re-launch this peer-to-peer community and expand our focus to help our customers connect and share code, design, and business advice that will help you be successful with Squarespace. In addition to topics around building and customizing your site, we’ve added more around getting feedback and advice about your site’s design (Feedback and Ideas) and ways to increase your presence online (SEO and Marketing). Please read over our Forum Guidelines so we can make sure this is a helpful, inclusive space for everyone. If you encounter any technical issues or need assistance with your account, please reach out.
  46. 1 point

    Customizing the lock screen

    The lock page customization is very limited. Is there a way to access the repository file? I can't find it. I also tried some action script via code injection to no avail. I'd just like to do something simple such as adding a link below the password field.
  47. 1 point
    Success to share! The code below, added as code injection on the Advanced tab of the page settings has hidden the main navigation, footer navigation, and pre-footer only from the page to which the code was added. <style> #mainNavigation { display: none } #preFooter { display: none } #secondaryNavigation { display: none } #footer { display: none } </style> However, I still can't crack the code to hide the social icons without hiding the entire footer. I've tried #social-links, #social-icons-svg, and #sqs-social. None of those are working.
  48. 1 point
    As brought up here: http://answers.squarespace.com/questions/8532/folder-navigation-top-folder-doesnt-link-to-anything-can-i-get-it-to-or-remove-link-behavior Folders should have a click through link so that it can be clicked to go to another page. It should work the same as a regular folder in that it should still have an active colour if that has been set so that if you are on a page that is held within that folder or the page the folder link is connected to the "active color" works. Please vote up if you agree. Another possible option is to make a special kind of page that works like a folder in that anything placed under it shows up in navigation as a drop down but it is also a normal page and can have content on it. That would save having to create a special no linked page that works with the pass through. Maybe have a check box or such for people that want it to just act like a normal Folder.
  49. 1 point
    You might try copying and pasting this in Design > Custom CSS: /* ** in gallery grid, set a hover over slide effect to ** display slide title on partially transparent ** overlay */ .sqs-gallery.sqs-gallery-design-grid .slide .margin-wrapper .image-slide-title { position: absolute; bottom: 0; width: 100%; height: 0; color: white; background-color: rgba(194, 194, 163, .8); opacity: 0; transition: all .25s ease-in; } .sqs-gallery.sqs-gallery-design-grid .slide .margin-wrapper:hover .image-slide-title { height: 40%; opacity: .9; } This should give you the effect, on hover over a slide, of a partially transparent overlay sliding up over the image and displaying the slide title. Let me know whether this works and, if so, whether it's the type of effect you have in mind. -Steve
  50. 1 point

    Disable Summary block's ability to link

    .summary-title > a { pointer-events: none; cursor: default;}
This leaderboard is set to New York/GMT-05:00
  • Create New...