Jump to content

Goood_Studio

Circle Member
  • Posts

    47
  • Joined

  • Last visited

Posts posted by Goood_Studio

  1. On 11/4/2022 at 8:33 AM, tuanphan said:

    It is a bug. You can report it to SS customer Care

    In the meantime, we can fix it by setting fixed height for image with code. Can you share link to page in screenshot?

    Hi Tuanphan

    I'm having this issue too with shapes rather than images stretching.

    Here's the URL: www.goood.studio/home/#what-we-do

    Do I need to get the block ID and add a fixed height? What would that look like?

     

    Thanks you!

  2. On 10/11/2023 at 8:02 PM, JasonArend said:

    How did you make the carousel clickable and swipeable with out buttons? I'm trying to achieve the same effect.

    Hi. Sorry if it's too late but I use a code someone else wrote to move the button over the image and hide it:

     

    /* Make list images on people clickable */
    section[data-section-id="ADD YOUR OWN"] li.list-item {
        position: relative !important;
    }
    section[data-section-id="ADD YOUR OWN"] .list-item-content__button-container {
        position: absolute !important;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    section[data-section-id="ADD YOUR OWN"] a.list-item-content__button.sqs-block-button-element {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        color: transparent !important;
        background-color: transparent !important;
    }

     

  3. Hello.

    The pre code worked for me but when I reduce the font size the line height stays large. I've tried adding {line-height:normal !important;} but it makes no difference.

     

    Here's the page: www.unthinkabledigital.co.uk/case-studies/heart-n-soul

  4. On 1/15/2023 at 9:27 AM, tuanphan said:

    If fixed whole page, I think you need to use position fixed not sticky

    This is the code I'm using in the page header:


    #block-yui_3_17_2_1_1673604221221_17626{
        position: fixed;
        top: 40%;
        left: 96%;
        transform-origin: 100% 0;
        z-index: 9999;
      width: 40px;
    }

    But only appears for that section

    unthinkable.squarespace.com

    unthinkable

     

    Thanks

     

     

  5. For anyone that is interested.. 

    Here's what worked for me. Code was pasted in the  site Header:

     

    <style>
      @media screen and (max-width:767px) {
      .user-items-list-item-container[data-section-id="639c679e8b229b37d4607eed"] ul {
        grid-template-columns: repeat(2,1fr) !Important; margin-left:29% !important;
    }
      }
    </style>

     

    Thanks @nickehsmith for the missing bit

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.