Jump to content

Jadec

Member
  • Posts

    38
  • Joined

  • Last visited

Everything posted by Jadec

  1. Site URL: https://rolling-pictures.squarespace.com/about-us-copy Password:RollingPictures Would also love if someone could help me make the height of the photos smaller within this template grid. Thank you
  2. Hey this is on the Contact us page. Now it seems to be causing the enlarged images after the 8th images so I had to break it into two sections
  3. Site URL: http://www.rollingpictures.ca Hi, As seen in the image, the Gallery Grid wrapper html seems to be stopping after the 15th image and excludes 4 of the last images. Is this something that can be fixed and how?
  4. Site URL: https://www.rollingpictures.ca Hi, I am using a plug-in for a video lightbox and it works ok. The only problem i'm having is that the "View reel" button is showing the word [LIGHTBOX] when the website loads. This should be hidden at all times. Is there any way to fix it?
  5. Site URL: https://www.rollingpictures.ca I didn't notice it before but my nav bar does not load smoothly. In addition to that it starts off at a smaller height, and then increase to what the height should actually be (which is not ideal). I ran a third party speed and performance analysis and it states that "image elements do not have explicit width and height". I'm guessing that this is the problem but how do I solve it? The video attached shows what happens with the nav bar (don't worry about the very minimized video - it's because I removed all my css code to make sure that it wasn't affecting the navigation - which it doesn't seem to be). Screen Recording 2021-05-21 at 11.57.49 PM.mov
  6. That's so strange. I'm looking at it on Safari on my iphone. Someone else said that it is also at the bottom and they used an Iphone X. What are you viewing it on?
  7. Site URL: https://www.rollingpictures.ca Hi, My vimeo player was fine until just 20mins ago when I refreshed and now my play button dropped to the bottom left when it used to be right in the middle of the player. I would really appreciate if someone could help me out with this. 😩
  8. I just checked it out on my phone and you're right it works! But now I have a new issue. The "Previous" and the "Next" button are falling at weird spots on the bottom of the page and the word isn't center aligned with the arrow. Any ideas on why this is happening? I have some code that I used to change the name of these buttons. Code: /* Blog Page Next Button */ span.next-label { visibility: hidden; } span.next-label:after { visibility: visible; content: "Next"; font-size: 24px; } /* Blog Page Previous Button */ span.prev-label { visibility: hidden; } span.prev-label:before { visibility: visible; content: "Previous"; font-size: 24px; } See screenshot:
  9. Hmm I seemed to have cleared the cache in the Google Chrome browser but...I still see one image at a time. I'm not sure what I'm doing wrong.
  10. I added: @media screen and (max-width: 768px) { .blog-basic-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-column-gap: 16px; grid-row-gap: 35px; grid-auto-rows: min-content; } .gallery-grid-wrapper { grid-template-columns: repeat(1, 1fr) !important; } } See screenshots attached: everything still looks the same.
  11. Site URL: https://rolling-pictures.squarespace.com/documentary Hi, I would like the Blog pages: Animation Documentary Feature etc to show more than one image on smaller devices. Currently, the mobile view shows one project/image at a time. See images attached for reference on what it the mobile version looks like. vs the desktop. I wouldn't mind if the mobile shows two images at a time. Another screenshot showcases the about us gallery images which shows 2 images at a time on mobile, but for some reason it's getting cut off and expanding the page horizontally which is causing a horizontal scroll (which I don't want). How do I fix these issues?
×
×
  • 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.