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


Circle Member
  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

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

  1. Site URL: https://parakeet-alligator-y4sy.squarespace.com/ Hi everyone, I have four overlap images in columns with buttons at the bottom and I'd like the buttons to bottom align even if there is different lengths of text. Any thoughts? Site password is TrishSullivan
  2. @tuanphanJust add these two to code blocks? Nothing to put into Code Injection or Custom CSS?
  3. Nevermind it was in the Site Styles 🤦‍♀️
  4. Site URL: https://oval-buffalo-n69g.squarespace.com/home-1 I'm creating a split layout in the bedford theme and almost got it, but there's this odd spacing between the image and card itself I can't seem to get rid of. I've eliminated top and bottom padding, made the blocks full screen, but there's a gap between the image and text even though I'm using an image card. This is the code I'm using: //#** Index Split Layout**// #what-we-do-index.index-section, #services-index.index-section, #testimonials-index.index-section, #team-index.index-section { .index-section-wrapper { padding: 0px!important; max-width: 100%!important; .sqs-block { padding: 0px!important; } .image-inset.content-fit { height: 100% } .design-layout-card img { height: 100%!important; object-fit: cover; -o-object-fit: cover; } @media screen and (max-width: 640px) { .sqs-block-image .design-layout-card:not(.sqs-narrow-width) { display: block; } .sqs-block-image .design-layout-card:not(.sqs-narrow-width)>div:first-child { width: 100%; } .sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card-wrapper { position: relative; width: 100%; }}}} Site: https://oval-buffalo-n69g.squarespace.com/home-1 Password: rebuild Your insight is appreciated.
  5. Found a solution: @media screen and (max-width:640px) {.transparent-header.collection-type-page .banner-thumbnail-wrapper { padding: 0; } }
  6. @tuanphan, I tried this out on mine as well and it was super helpful. However, I was curious, how would you target the secondary text here and not just the header on the banner?
  7. https://oval-buffalo-n69g.squarespace.com/our-team
  8. Similar issue where the banner image is getting cut off. I've tried the previously mentioned code <style> @media screen and (max-width:640px) { .banner-thumbnail-wrapper img { width: 100% !important; height: auto !important; left: 0 !important; } } </style> Which did resize it but created this black bar underneath (see screenshot) I've since removed that code since I didn't want the black bar, but if you have one that resizes on mobile without creating that black bar please let me know!
  9. Nevermind, ended up finding it! Here's the code that worked for anyone seeing this: @media only screen and (max-width: 420px) { .image-block .design-layout-poster .image-inset { padding-bottom: 100% !important; }}
  10. The text on the poster expands beyond my image. How would I remove the image on mobile sites if the text is too large for it?
  • Create New...