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


  • Posts

  • Joined

  • Last visited

Posts posted by oddthing

  1. Hi,

    I am using the css code below to add a hover fade effect on my images. However, the images fade out very quickly.

    Any idea if there is a line I can add to make it fade out slowly when the cursor is taken off the image?


    .image-block:hover {
    background-color: #00000; opacity: 0.6; transition: all .5s ease-in-out;}


    Thank you in advance ūüôā¬†

  2. 8 hours ago, tuanphan said:
    @media screen and (max-width:900px) and (min-width:641px) {
    .ProductList-grid.clear {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        grid-column-gap: 5px;
    .tweak-product-list-meta-position-overlay .ProductList-item {
        width: unset !important;
        clear: none !important;
        float: none !important;
    .ProductList-grid .ProductList-image {
        width: 100% !important;
        height: auto !important;
        left: 0 !important;


    Thank you very much for your help @tuanphan 

    That works ūüôā

    The only minor issue is the padding down the middle of the thumbnails seems to be larger than everywhere else..but this is not a major issue...Let me know if there is a simple fix - otherwise thank you for all your help.


    Screen Shot 2020-04-22 at 10.51.46 AM.png

  3. 9 hours ago, tuanphan said:
    @media screen and (max-width:900px) and (min-width:641px) {
    .ProductList-grid.clear {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        grid-column-gap: 5px;


    Thanks @tuanphan, but it seems to have issues with spacing/scaling the thumbnails when transition to two per row. See attached screenshots 


    Screen Shot 2020-04-21 at 9.35.08 AM.png

    Screen Shot 2020-04-21 at 9.34.30 AM.png

  4. Site URL: https://oddthing.co.nz/

    Hi there,

    I'm looking for some help with the number of product thumbnails displayed per row on my store.

    I have created a product page which has three thumbnails per row. Currently the three thumbnails reduce to two thumbnails per row when viewed on mobile. 

    When viewing on mobile, I would like this to change to one thumbnail per row & ideally two thumbnails per row for tablet.

    Is this achievable with custom css?

    Thanks for your help in advance! ūüôā

  5. Hi there,

    I have two different types of products which I am currently selling. One of which is small and I am happy to send worldwide. However the other is a larger item and I only want the option to send locally.

    Is it possible to restrict where one particular product can be purchased?

    For example I have enabled the option to purchase in Australia. I do not want this australian user to be able to purchase 'The Long Light' online. However, I would like them to be able to purchase 'The Paper Filter Station'

    website - https://oddthing.co.nz/store


    Thank you for your help in advance!


  6. Hi there,

    I have uploaded a video from my Vimeo Plus account, which I assumed would playback in HD quality. The video is a text animation, so unfortunately it looks really bad at low res.

    As it is a banner video, squarespace only accepts the URL and not the embedded code of the video.

    Index page - Media - Video - URL

    Is there any code I can use to force playback HD always?

    Website: www.oddthing.co.nzPassword: oddthingltd

    Thank you!

  • Create New...