Jump to content


  • Posts

  • Joined

  • Last visited

Posts posted by 1000Watts

  1. Hello,

    I have a slide show gallery in full on my main page.  On the desktop view, some of my images are getting cropped.  I have sized all images to 16x9 and they appear fine on tablet and mobile, however on the desktop, some are getting cropped on the top and bottom.  Is there custom css to adjust the height of the gallery slide show for desktop only?

    Site: https://plums-denim-9r92.squarespace.com/config/

    Password - KOO

    Thank you so much!  Image below to show you what I mean.


    Screen Shot 2024-06-13 at 6.43.39 PM.png

  2. Hello,

    I created a second line to my sites main title.   I would like to move the "Producer / Director/ Actor" line closer to the main line "EMMY GYORI".  Any info would be greatly appreciated.  Info below:



    Producer / Director/ Actor


    a#site-title:after {
          content: "PRODUCER  /   DIRECTOR  /   ACTOR";
        display: block;
        font: Roboto;
        font-size: 15.5px;



    Password:  KOO

    Picture attached.

    Thank you so much,


    Screen Shot 2024-06-12 at 11.04.56 AM.png

  3. Hello,

    On my mobile view, I'm getting a quick PLAYER ERROR right before my video plays.  This is not happening on my computer or i-pad, just my mobile.  I've included a video and picture below. I appreciate any advice on how to fix this issue.  THANK YOU!

    site: https://bear-pufferfish-gsl3.squarespace.com/config/pages/website-tools/custom-css

    password - IRIS

    Thank you, Natalee

    View recent photos-1.jpeg

  4. Hello,

    My site on mobile looks good, however when I go to click the video image - the hover title appears very quickly before going into the lightbox video.  IS THERE ANYWAY SLOW DOWN THE TRANSITION  FROM THE HOVER LIGHTBOX TITLE INTO THE VIDEO?  

    site - https://bear-pufferfish-gsl3.squarespace.com/config/

    Password - IRIS

    Page URL - documentary

    Thank you, Natalee

    Screen Shot 2024-05-24 at 3.41.42 PM.png

  5. @Ziggy  This is the code I have on this site:

        .header-nav-folder-item a:hover { background: #e9efe5}
    /* Grid Gallery Captions on Hover */
    .gallery-grid .gallery-caption
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0,0,0,0.5); // overlay color 
      height: 100%;
      padding: 0;
      opacity: 0;
       transition: all .1s ease;
      pointer-events: none;
    .gallery-grid .gallery-caption-wrapper {
      display: flex;
      align-items: center; // center caption box vertically 
      justify-content: center; // center caption box horizontally
    .gallery-grid .gallery-caption-content {
      font-size: 18px !important; // caption font size
      font-weight: 200 ! important;// caption font weight
      color: white; //caption font color 
      padding: 2vw; // padding around the caption
      text-align: center; // center text within caption box
    .gallery-grid-item {
      position: relative;
    .gallery-grid-item:hover .gallery-caption {opacity: 2;}

  6. Hey @Ziggy  When I used that code - it made it one column on both desktop and mobile. Anyway to achieve the following?

    1- Any way to just have it one column on mobile only?  My client wants two columns on desktop. 

    2- The opacity doesn't go all the way to the right with this code. Anyway to make that go 100%?

    3- Anyway to manipulate the mobile version titles only?  If I want to make the font smaller?

    Please see attached images.  THANK YOU FOR HELPING ME!!

    Screen Shot 2024-05-16 at 9.43.09 AM.png

    Screen Shot 2024-05-16 at 9.43.16 AM.png

  7. Hello, 

    I found this code to manipulate the titles on my GALLERY SIMPLE GRID mobile view as well as have the view create 1 column instead of two on mobile, however it doesn't seem to work.  PLEASE HELP!  

    site:  https://bear-pufferfish-gsl3.squarespace.com/config/pages/website-tools/custom-css

    Password- IRIS


    @media (max-width: 640px) {
      .gallery-grid .gallery-caption-content {
        font-size: 14px !important;
      .gallery-grid .gallery-grid-wrapper {
        grid-template-columns: repeat(1, 1fr) !important;

    Thank you so much for your help! Natalee

    Screen Shot 2024-05-16 at 9.10.31 AM.png

  8. Hello, I am desperately looking for some advice on how to resize my titles in mobile view for my gallery simple grid with lightbox titles on hover?  This is a time sensitive matter and I can not seem to find the right CSS.  

    site: https://bear-pufferfish-gsl3.squarespace.com/config/

    Password:  IRIS

    All titles are under CINEMATOGRAPHY PAGE- 


    • documentary-1
    • narrative
    • commercials
    • long-form-spots


    Please advise and thank you so much for your time.


    Screen Shot 2024-05-15 at 10.32.33 AM.png

  9. Hello,

    I bought the Lightbox anything plug-in to allow my videos in a simple:grid to come full screen when clicking the icons.  My question is, is there a custom code that allows you to scroll through the videos once they come full screen, as you can in a simple grid if it's just images?  When I just had images in the grid, there were arrows allowing this feature if an image was brought full screen, however when I included a video link, each video is now only playable by clicking in and out of an individual image.  I have included a site that has this feature I'm talking about.

    My site:  https://bear-pufferfish-gsl3.squarespace.com/config/

    Password: IRIS

    Example site I like: https://www.rachelmorrison.com/cinematography-commercials

    Thank you so much for your help!


    Scrollable feature I'm going for.png

    Site I like.png

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