Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

jjaina

Member
  • Content Count

    15
  • Joined

  • Last visited

  1. Hi Jen! Were you able to find something that works? I've been trying to do the same thing and can't figure it out. I looked at your site on mobile and it looks like you may have just switched to a different kind of gallery?
  2. Hi, did you find a solution to this? I've tried a few codes but haven't found anything that works..
  3. Site URL: https://mollyrees.com I have prev/next controls under my Carousel Gallery block, but when you click on them they do nothing. I'm not sure how I ended up with the prev/next instead of the arrows on the edge of each side of the carousel, but I do prefer them to the arrows so would like to keep them this way. Not sure why they are not working though. Clicking on a photo in the gallery does advance the photos, but I'd like the controls to also work in-case the viewer doesn't know to click on the gallery. Site is mollyrees.com and the page where they are not working is "Editorial" under "Photography" in the navigation bar. I have this custom CSS which added the prev/next controls under a slideshow on my blog. They are working correctly there - .sqs-gallery-controls { background-color: white; padding-top: 10px } .sqs-gallery-controls .previous, .sqs-gallery-controls .next { background-color: white; margin-top: 0; padding: 0 !important; line-height: 0; position: static; } .sqs-gallery-controls .previous:hover, .sqs-gallery-controls .next:hover { background-color: transparent; } .sqs-gallery-controls .previous::before, .sqs-gallery-controls .next::before { color: #2E2E2E; width: inherit; font-size: 12px; font-family: arial; } .sqs-gallery-controls .previous::before { content: "prev"; } .sqs-gallery-controls .next::before { content: "next"; } .previous::after { content: "/"; color: #2E2E2E; font-size: 7px !important; margin-left: 3px }
  4. Oh my gosh @tuanphan you are a genius! I didn't think this was possible. One question - is there a way to make the photos enlarge so that we can see the entire photo enlarge and not just see the enlarged part within the edges of the carousel gallery? (If you are able to check my website you can see what it looks like with your code - I love that they are enlarged like this but the enlarged image is cropped to fit within the carousel instead of the enlarged image popping up big outside of the edges of the carousel strip). I guess ideally if the photo were to pop out of the edges of the carousel then maybe only the middle photo would enlarge when rolled over. Maybe that's not possible. And do you think having them open in a traditional lightbox view isn't an option? I guess it would be confusing - because right now when you click on an image it advances the carousel. So how would the computer to know whether you wanted to advance the carousel or open a lightbox view of that image. Hmm.... Thank you so much for your help! UPDATE: I'm removing the code for now because I have to share the website with a client tomorrow and I think it's a little confusing that the images are only enlarged within the parameters of the carousel. But if there is any way to adjust the code so that they pop up without being cut off at the edges I would be endlessly grateful!
  5. Site URL: https://mollyrees.com Hi! Carousel doesn't have a lightbox option, and I've been searching endlessly for custom CSS to create this option. Is it possible? I heard that it's an option in the Forte template, but haven't seen what that looks like. I have several Carousel galleries on a page and would like the viewer to click through larger images if possible. Even if a lightbox weren't an option, I'd be happy if there were a hover or roll-over effect where hovering over a photo enlarged it temporarily. Kind of like the "genie effect" option on a mac computer when you roll your mouse over the dock. Any way really for the images to become larger if the viewer would like to look at them more carefully! Thanks in advance for any help. My website is mollyrees.com, the page with the carousel galleries is "Editorial" which is a tab under "Photography". I have the page password set to: help!
×
×
  • Create New...