1000Watts

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.

Natalee

Thank you so much @Lesum!!

Hello,

I have a FULL SLIDE SHOW on my main page with HORIZONTAL ANIMATION turned on.  However, not all pictures have the horizontal animation transition.  Some images just jump to the next slide.  Is there a fix for this?  Thank you so much for your help.

SITE URL:

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

PASSWORD:

KOO

Thank you,

Natalee

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:

SITE TITE

EMMY GYORI

Producer / Director/ Actor

CODE USED:

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

SITE URL

https://plums-denim-9r92.squarespace.com/config/pages/website-tools/custom-css

Password:  KOO

Picture attached.

Thank you so much,

Natalee

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

@Beyondspace Thank you for your help.  This doesn't seem to work on my site.  Any other ideas?

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

Thank you so much @tuanphan!!  

Thank you so much @tuanphan!!!  I really appreciate your help.

@Ziggy And this is the Lightbox Code Injection.

<!-- Plugin Lightbox -->
<link href="/s/plugin-lightbox.css" rel="stylesheet">
<script src="/s/plugin-lightbox.js"></script>
<script>pluginLightbox();</script>
<!-- end Plugin Lightbox -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){

@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;}
  

Also @Ziggy I have a Lightbox Anything plug-in - would that be throwing it off?

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!!

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

CODE

@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

Hello,  I can't seem to find the CSS that would allow me to turn my gallery simple grid into just 1 Column on mobile view only.  Any advice would be greatly appreciated.

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

password - IRIS

Thank you! Natalee

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- 

URLS SLUGS

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

IMAGE ATTACHED.

Please advise and thank you so much for your time.

Natalee

Hello - 

Main page direct link - https://bear-pufferfish-gsl3.squarespace.com/

Documentary direct page - https://bear-pufferfish-gsl3.squarespace.com/documentary-1

Password - IRIS

Are those what you need?

Hello,  I can't seem to find the right Custom CSS to resize my grid gallery captions on hover for my mobile view.  My title captions right now are showing up huge in my mobile view.  Any help would be greatly appreciated!!

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

Password - IRIS.

Thank you!

Natalee

Thank you SO MUCH tuanphan!  I appreciate your expertise. 🙂

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!

Natalee

Hello,  I have uploaded a video on my home page and it seems to lag and be pixelated when it starts and then it plays clearly.  Curious if there is a way to fix this?  The video plays fine on its own, however when uploaded, gets wonky.

Site:  www.gretchenwarthen.com

Video- Homepage

Thank you so much for your help,

Natalee

Password is IRIS.  Thank you!

Hello,

I uploaded a video on the front page of my site and now when I load my site, there is a pixelated lag at the top of the video.  I was wondering if there is a way to fix this?

URL:  www.gretchenwarthen.com

Video is on the homepage.

Thank you so much!

Natalee

Hello,  On my client's site title, SHANA HAGAN, ASC she would like the ASC at the end of her name smaller than the font size of her full name.  I was wondering if this is possible?  Image below of the site. 

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

Thank you so much for your help!

Natalee

I think I figured it out!  Thank you so much!!