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

katescott

Circle Member
  • Content Count

    57
  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

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

  1. Site URL: http://sparhawk-demo.squarespace.com/?password=demo Is there a way to set a different content inset for the first banner section of an index page in Brine using CSS? I'd like to have a content inset of 2 for content overlaying the first banner image and 3 for all other content. The site-wide content inset is currently set at 3.
  2. https://katescott.co/blog/squarespace-tutorials I currently have spacer blocks containing the width of the centered images.
  3. I limited the with of my blog post content to 650px but images still show up full width. How do I contain the width of image (and video) blocks with CSS to 650px (centered) without squishing the image? I can't seem to figure it out.
  4. @tuanphan Thanks so much! Do you know if there's a way to center it vertically as well?
  5. @tuanphan Would you mind sharing the code you used here? When I tried to add a max-width, it just forced things off-center in a weird way.
  6. I'm trying to style a Summary Grid block to look like a Gallery Page in Maple. This is what the Gallery Page looks like: This is what the Summary Grid looks like without any CSS: And this is what I have right now: Nowhere close to what I need it to be. This is the current CSS I've added: .summary-title-link { position: relative; top: -200px; left: 0%; height: 100%; margin: 0px 0px 0px 0px; padding-top: 21px; padding-right: 21px; padding-left: 21px; z-index: 1; color: hsl(0, 1%, 22%); text-transform: uppercase; font-weight: 500; font-size: 16px; letter-spacing: .28em; line-height: 2em; font-family: futura-pt; background: rgba(255, 255, 255, 0.8); } .sqs-block-summary-v2 .summary-excerpt { position: relative; top: -210px; left: 0%; width: 100%; height: 100%; z-index: 1; color: hsl(0, 1%, 22%); text-transform: lowercase; font-weight: 400; font-size: 16px; background: rgba(255, 255, 255, 0.8); } Here's the URL: https://thescoutgroup.com.au/properties-in-development Any idea how to get Screenshot B to look like Screenshot A?
×
×
  • Create New...