Jump to content

sblackhurst

Member
  • Posts

    1
  • Joined

  • Last visited

Everything posted by sblackhurst

  1. Alright, I've had enough. I've been working through this for the last little bit. CSS is new to me like most others who've posted. I've got everything the way I want except for centering the text to the middle of my image. Here's the code I've Frankensteined together. section.gallery-section [class*='-item']:not([class*='-item-']) { position: relative; } .gallery-caption-grid-simple, .gallery-caption-content, { display: none; } .gallery-grid-item { padding-bottom: 0; } .gallery-grid, { .gallery-item-description { text-align: center; font-style: italic; font-variant: small-caps; font-size: 28px; line-height: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } Edit 1: Many thanks to everyone who has contributed both with questions and answers. Edit 2: After some sleep I was able to get it figured out and updated it here. If there is a cleaner way to do this I would appreciate the feedback.
×
×
  • 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.