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

displaynamed

Member
  • Content Count

    23
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Site URL: https://demo11parkplace.squarespace.com Howdy forum peeps, I am currently using "Lightbox Anything" plugin and I'm looking to vertically center my lightbox content for the lightboxes that are triggered by clicking on the building floors. Currently focusing on Floor 9 for testing. I tried using the following css to target the "base page" that is being used as the lightbox content, however it only works when the page is viewed independently NOT as a lightbox. #floor-9-lightbox .sqs-row { display: flex; align-items: center; box-sizing: border-box; justi
  2. You can write media queries in your custom css area. Basically create 2 alternate image versions 1.) large landscape oriented image that will only display on desktop, hidden from mobile view and 2. a small and vertically oriented one that will display on mobile only and be hidden from desktop view. Then when writing your css media queries, in order to hide them, target each image with its specific block id; using the "display" property with a value of "none" for when you want to hide it. Here is an example: @mobile: ~"only screen and (max-width: 640px)"; @desktop:
  3. I figured it out eventually lol. Thanks! Instead of adding a second image to the collage, I ended up adding an inline image block and then setting it behind the collage with negative padding.
  4. Site URL: https://demo104e25.squarespace.com Hello all, Does anyone know how to add an additional image to an image block - collage? I currently have image 1 & 2 combined as 1 image, using the standard collage with an animation. I would like to be able to add an additional image to the back of the collage so that there is three "layers" that hopefully animate independently. See attached screenshots for clarification. Thanks! 🙏
  5. Site URL: https://demo120e23.squarespace.com/ground-floor Hello forum peeps, I'm driving myself nuts trying to get my page content aligned. As of now, its never centered and gets worse with different screen-sizes. I'd like for it to always fall vertically centered like in the attached screen shot. Any and all help will be greatly appreciated. Also just as a note, the blue section on the right of the page is a solid blue image poster. I am willing to tackle this a different way if it will help achieve better alignment. This is the css I have in place: #ground-floor {.Index-
  6. Perfect. Thanks a bunch 🙂
  7. Site URL: https://demo104e25.squarespace.com/ Hi all, I made a basic table with 1 column and 13 rows, each housing an image with a image-swap rollover. (It is the building drawing in the availability section) Does anyone know how I can make them click to open a link? (ie floor 7) I'm guessing I need to assign an a href or on-click function but I'm not having luck. Ultimately I am trying to have it open a lightbox on click, however since I am using a paid plugin for lightboxes, I do not want to share that bit of code. password: colliers <style> table, th, td { bord
  8. Update: I wasn't able to figure that out exactly but I did find a work around. I instead placed a blank transparent png into an image block on top and set the url to open the custom lightbox.
  9. Site URL: https://demo-61w23.squarespace.com/ Hello forum members! Does anyone know of a way that I can assign click through links to my parallax banner images in the Brine template? I ultimately want to be able to click on the banner images and open them in a light box. I purchased this lightbox plugin , but it must be used with a link in order to work. I'm open to scrapping this approach, if anyone knows of another way. the password is: demo61w23 thanks in advance! 🙂
  10. Hi Neude! Did you ever figure out how to do this?
  11. I did try different numbers, I tried negative single, double and triple digit numbers with no luck. I also tried the more specific code you suggested, using margin and trying padding too, as well as trying different numbers. For some reason any number positive or negative is increasing the space, and 0 still displays space! I'm totally stumped.
  12. Thanks so much for the feedback Derrick! That was a good idea, I didn't even think of going negative but unfortunately it didn't work for me. 😕 It actually increased the space! Ha, can you imagine?
  13. Site URL: https://demo-61w23.squarespace.com/config/pages Hi All, I've created a building graphic and have each floor set as its own rollover image using code blocks. It works perfectly however there needs to be absolutely no vertical space between the code blocks in order for it to look like a single image. Right now, there is a small amount of space that is showing up between each floor and ruing the effect, how can I get rid of it?? Currently I am using this bit of css which helps a bit but not completely. I tried also setting the padding to " 0 0 0 0 " as well as adding "margi
  14. For anybody who may be interested in the future, I was able to solve my issue with the following CSS placed in design>custom css h2 { display: block; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: normal; }
×
×
  • Create New...