Jump to content

jdomw

Member
  • Posts

    11
  • Joined

  • Last visited

Everything posted by jdomw

  1. This is the page: https://www.highriselandscapes.org/exhibition-copy
  2. Hi all, Does anyone know how to change the aspect ratio of just one video block? I've managed to change the ratio of all videos with this code: .sqs-native-video .native-video-player { padding-top: 30% !important; } but when I try to direct it at one block (I used #block-83411e5704c79262fddc) it just changes the actual padding and moves the video down the page. Can anyone point out what I'm doing wrong?! I'm trying to change the top video on the page highriselandscapes.org/exhibition-copy to double-widescreen. First screenshot is how it looks now; second one is how I want it to look; third is how the other video on the page goes wrong with the code I tried.
  3. Hi Tuan, Thanks for getting back to me. #1. Yes, I want to make the font size smaller. And move the caption like this: #2. Change arrow style + position. Move to position 2. #3. This is 1 image in lightbox. I made it by putting three images together into one file. Thanks!
  4. Hi all, I'm trying alter some elements of a slideshow and images so that they match other parts of the same page. This is the page: highriselandscapes.org/exhibition (password: nairobi). I'm happy with the captions on the videos. I'd like to change the captions on the slideshow to match these (i.e same font size/colour & same position in the bottom left of the image). I'd also like to change the control arrows on this slideshow to match the arrows on the carousel at the top of the page (change of icon and position to the bottom right). Lastly, I'd like to add some similar captions to the groups of images. Ideally, these would only show up in Lightbox. Any help with these things would be very appreciated once again! I've tried manipulating various elements but these things seem a bit beyond me! Thanks! Dominic
  5. Yes thanks. Anyone needing a solution, see here:
  6. Ah yes. That was one of my attempts at working it out! 🤦‍♂️ Thanks so much. Work perfectly
  7. Thanks for the reply. That's definitely improved things, but hasn't quite got to where I'm hoping to end up. The clickable area (which seems to be 'gallery-fullscreen-slidshow-control-btn') is shown in blue in the Grenfell screenshot below. I'd like to expand this to the whole 50% of the page. 'gallery-fullscreen-slidshow-control' has expanded to the whole half of the screen (see second image). I've tried to make 'gallery-fullscreen-slidshow-control-btn' expand to fill this space, but can't work out how to do it without everything else getting screwed up!
  8. Hi all, Thanks for all the help I've gleaned so far from previous answers. I haven't managed to find an answer to this question... I'm trying to adjust the controls on my homepage slideshow. It's a simple page with full bleed background slideshow. I want the slideshow to advance to the next image when the user clicks anywhere on the picture except in the header. I don't mind whether the slideshow advances only forwards regardless of where the image is clicked, or whether it moves forwards when clicked on the right side and backwards when clicked on the left - whichever is simpler works for me. So far, I've made the controls transparent by adjusting the opacity. I then tried to expand the controls to each take up 50% of the width, but haven't managed to make this work. I don't know if this is the best way of achieving what I want. Help much appreciated! Many thanks, Dominic highriselandscapes.org / password: nairobi
  9. Not sure this additional question is going to get noticed, so will post as a new question 🙂
  10. Hi all, Thanks for all the help I've gleaned so far from previous answers. I'm trying to do a similar thing to the poster above. I've got full bleed images on my homepage as a slideshow. I've added the code above to make the controls transparent which has worked great. I now want to expand the hidden controls so that each takes up 50% of the width of the image - i.e. you click on the right side of the image and it advances forward; click on the left side and it moves to the previous image. I've tried various things to expand the controls, but can't seem to work this detail out. Maybe there's a better way to do this, but I thought this would be the simplest...! Help much appreciated! Many thanks, Dominic highriselandscapes.org / password: nairobi
×
×
  • 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.