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


Circle Member
  • Posts

  • Joined

  • Last visited

Posts posted by Meeeee

  1. This is getting painful.  I've redone, saved and redone my footer 5 times now.  This is like mickey mouse show.  Come ON.  We are paying for this, and can't launch with whatever squarespace wants....instead of what I want!

    I'll post my videos shortly of the screen capture.  



  2. Is anyone else having issues with Footer in 7.1?  I've changed it twice, and it keeps reverting back (and yes saved).  It shows up in a separate browser, then goes back.  Very peculiar. Using Google Chrome.  

    Also, what's with the links having this terrible underline.  This can't be a mistake on all the templates (footer...and any other...this is directly after inserting the section, and it previews like this in the footer selection window as welll)


    Screenshot 2020-05-02 00.14.03.png

  3. @tuanphan that didn't work.  But got me close enough to work it out on my own in under 5 hours!  🙂And to be honest, this feels WAY WAY better on my photography site because now it's almost like auto size and when I have medium format images, it shows the 4:3 aspect ratio properly. If a single product image ONLY.  

    So this is what works to take your single product image from whatever it's forced to be, to allow for portrait or vertical images as well.  This was put in CSS.  

    It's a bummer because it doesn't stretch the ProductItem-Summary over towards it, so there is a big gap in the space.  I guess you could align?

    *disclaimer, the bad part of this is that the second image, if different aspect ratio by width or height, shows up right behind.  I guess it was too good to be that easy! Guess with Squarespace you can only use one camera or film size.  

    But feels good if just one image! 😣


    .ProductItem-gallery-slides-item-image {
        width: auto !important;
        height: 100% !important;
        top: 0 !important;

    I'm curious if there is a "hide" the nth from the slides-item-image until clicked css that could happen, cause clearly, unless same aspect ratio, this isn't great for multiple images.  

    Screenshot 2020-05-01 20.05.00.png

  4. On 1/31/2020 at 10:36 PM, tuanphan said:

    Add to Home > Design > Custom CSS

    body#collection-5d7ad0f223f3d9618c6cb1cb .ProductList-image {
        width: 100% !important;
        height: auto !important;
        top: 0 !important;


    @tuanphan can you use this to target a specific product item page? For instance, mostly my images are landscape, but for the vertical images, well, the product page just makes it 3:2, cropping out the top, killing my image.  Can you target a page or image itself when shown using .productItem-gallery?  I guess the problem then is that the container is not the right size, so everything on the page must adjust, even if there is plenty of room.  

    @paul2009So what do you do if you have a client who has a combination of vertical and horizontal product images.  Say statues in the shape of a lighthouse and horse and butterfly.  You must make the statue horizontal to appease the others?  This loses all detail.  And makes me wonder why in some places (gallery blocks for instance) they say "auto" but not in the product item page.  

    As a photographer that wants to sell an image (at their native and system known aspect ratio), I'm not going to put white around it just to work around this craziness (though I have for the additional images throughout my site which is bad enough..  

  5. @theokoustas reload the page in another browser.  Does the first image load?  Again, for me it just loads after I scroll.  I suppose not a big deal if you put parallax in the middle of the page that you're scrolling through, but if you want it on the top section, not sure how to get that first image or section loaded then activate the parallax.


  6. the problem with that code @derricksrandomviews is that it creates a quite blurry image underneath -- and I'm not finding a way to resolve it.  

    In fact, I have this same issue.  I have this code, which creates a very nice image (even works on mobile), but it doesn't show up the first image until scroll starts.   So it looks like blank page. Unbelieveable.

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/scrollax@1.0.0/scrollax.min.js"></script>
      $('.has-background').attr('data-scrollax-parent', 'true');
      $('.has-background .section-background').attr('data-scrollax', 'properties: { translateY: "40%" }');
      .has-background {overflow: hidden;}

    I tried this great tutorial from Will Myers: https://www.will-myers.com/adding-parallax-effect-to-a-background-image-in-squarespace-71 but that is code creates a blurry background, so for me it's unusable.  It's also incredibly time consuming for many pages.  

    And also tried youre recommendation of: https://schwartz-edmisten.com/blog/how-to-add-parallax-to-squarespace-7-1 but also blurry.  

    Would love some help with this as well.  @tuanphan you wanna take a look?  


  7. Hi all,

    There's nothing in the forum about this, so looking for help with the search results formatting. As a photographer it's terrible to have forced aspect ratios that are wrong. Why choose a specific camera if websites just wanna make up their own aspect ratio?!

    So, I'm looking to not have the forced square and have the native aspect ratio, or, fixed height or fixed width and have other as auto.  

    See screenshot.  



    Screenshot 2020-04-18 18.40.24.png

  8. 55 minutes ago, tuanphan said:
    .ProductItem .ProductItem-related-label {
        margin-bottom: 1px !important;


    @tuanphan I'm looking to essentially remove this spacing.

    Screenshot 2020-04-17 22.09.35.png

    I am playing around with this code: 

    .ProductItem .ProductItem-summary {
        margin-bottom: -80px !important;

    While it works, it doesn't seem right, and doesn't change anything on mobile, so that's an issue.

  9. I love answering my own questions by finding bits of CSS code and tying them together.  Especially when it works (it mostly doesn't!) Either way it's good way to spend quarantime.  This seems to be right @tuanphan, is it though?! 🙂

    @media screen and (max-width:767px) {.ProductItem-relatedProducts .list-grid 
    {grid-template-columns: repeat(2,minmax(0,2fr)) !important;
        display: grid;
        grid-row-gap: 1px;


  10. @tuanphan can you help with mine then, the OP?! 😉I've been looking at ways to change the relateditems grid, but it's not doing anything except making it smaller, while keeping the same number.  On desktop I prefer just want 2 related items only....and on mobile 4 related, but in columns of 2 if vertical/portrait display or 4 across in landscape.

    https://www.jalley.art/sstest l


  • Create New...