Jump to content

Changing the width of image in image card

Recommended Posts

  • Replies 1
  • Views 207
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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 (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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