Jump to content

nikkisknaks

Member
  • Posts

    5
  • Joined

  • Last visited

Posts posted by nikkisknaks

  1. Site URL: https://flower-bat-t5ng.squarespace.com/

    For my portfolio page, I am using image blocks.  

    When I enable the clickthrough feature i.e specify an image file to be opened when a user clicks, the file opens in a new window separately, i.e just the file without description /title

    image.thumb.png.969fe04d7d2add1432ac4809b0daaf6a.png

    Is it possible for the file to open in the same portfolio view like below and then have a prev/next button in the bottom to go to the next image?

    image.thumb.png.5dda936aea43f71032310edbffa6cd83.png

     

     

    I know this feature is available for portfolio pages, but the problem there is I cant have varying aspect ratios for images, every image gets fit into a square and I don't like that very much.

     

    Appreciate if you could help on this soon.

    Password for site : Underconstruct21

    Thanks a ton.

  2. Site URL: https://flower-bat-t5ng.squarespace.com/

    Hi,

    I am trying to reduce the caption padding and margin for the image blocks on my portfolio.

    I have added the custom css code for the same:

    .design-layout-inline .image-caption-wrapper {
        padding: 0 !important;
    }

    .design-layout-inline .image-caption-wrapper h2 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

     

    After doing so ,when I am still in the edit mode, I see the changes being reflected. But once I say Done and Save changes and publish/preview my site I don't see the changes.

    Appreciate the help!

    Thanks!

     

    Password: Underconstruct21

  3. Hi, 

    I am trying to get the same look for portfolio pages that I can achieve with Gallery pages.

    The look i need is image.thumb.png.4278da5431fac3d96610fb8bf49eabe1.png

     

    But with portfolio pages, I get everything in 1:1 aspect ratio.

    Even with the custom css code 

    .grid-image img {
        object-fit: contain !important;
    }

    The image will still be contained inside the 1:1 square.

    Would really appreciate if you anybody could help with this.

    Cheers!

×
×
  • 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.