Jump to content

Changing the width of image in image card

Recommended Posts

  • Replies 1
  • Views 299
  • Created
  • Last Reply
Posted
On 11/25/2021 at 12:07 AM, ancestralacreslodge said:

Site URL: https://keyboard-lychee-yxll.squarespace.com/

Hello!

There's an image card on my home page, and I'd like to change the width of the image to 50% and maintain the distance between the text and the image. I have other image cards on the website that I'd like to stay the same, so I just want to change this specific image card.

image.thumb.png.ee4eae831ce0109073bdc795a724ae8e.png

Is it the desired result you want to achieve?

image.thumb.png.df9e102f22a57f481d7d64d7d0c39e71.png

Try adding to Home > Design > Custom Css

/*decread width of the specific image*/
section[data-section-id="6197c5ff10da4b7bd6c48d42"]  .intrinsic {
  width: 50% !important;
}

.image-card-wrapper {
  width: 47.5% !important
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.