Jump to content

Ayesh

Member
  • Posts

    9
  • Joined

  • Last visited

Everything posted by Ayesh

  1. OMG! It works perfectly! Thank so so much for helping me out and your patience throughout! Much appreciated!
  2. Added to Custom CSS but the captions show up underneath instead of an hover overlay https://www.claireandayesh.com/auto-photography
  3. Yes, that is the correct page. Do you think the captions are not showing up because of this code I've entered?? .gallery-section .gallery-caption p { text-align: center; font-size: 80px; font-weight: 500; color: #000000; text-transform: normal; line-height: 2em; font-family: inherit; } .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.7); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; pointer-events: none; } .gallery-caption-wrapper { display: flex; align-items: center; /* center vertically */ justify-content: center; /* center horizontally */ } .gallery-caption-content { font-size: 1.8rem !important; /* caption font size */ color: white; /*caption font color */ } .gallery-grid-item { position: relative; } .gallery-grid-item:hover .gallery-caption { opacity: 1; } .gallery-caption-grid-simple { transition-delay: 0ms; } body { background: #FFFFFF!important; } I entered this code to get a similar effect on another page. But that page has a simple grid
  4. Hi, I checked again but I could have done something wrong. Just to double check I've included a few screenshots of what I can see. Also, image description is the same as captions right? or no?
  5. Hi, thank you so much for getting back to me! #1. Sorry about that. I have enabled Captions in the Edit Section settings and have created Captions for the images on the first few rows. #2. 2 lines of text. Essentially the name of the album and a text underneath it in either a different font or size saying "Click to see more"
  6. Hi, I am trying to create a text on hover after darkening (or if possible blurring) the image underneath. I've managed it before on a simple grid but for some reason it's not working for Masonry. Also as a side question, would it be possible to add multiple lines of text the to the image description with each line having different styles? I've added a sample image below for reference. This is a link to the page on my site (https://www.claireandayesh.com/auto-photography). Thank you very much!
×
×
  • 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.