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

Image collage block - force image smaller


Question

Hello! I am trying to create an effect similar to the screenshot attached, which uses an image collage block with a transparent background to achieve this look. How do I achieve a similar look on my page? 

This is the part of their code that is different then mine:

            <img data-src="https://images.squarespace-cdn.com/content/v1/5fecbd31d7ac5f3171e0bf11/1609357667442-61N7SB77SH3YNKI6FRH6/ke17ZwdGBToddI8pDm48kDXmef6MxYpCvjNAB8htAXflfiSMXz2YNBs8ylwAJx2qr7dJalY1eltJq26FYyRd7vRPVU93mJtGWdfnf1CIL5AYTl-gQpRTadFdjaWyCw9ckdX3FHrAosbJ7ZFxlWOdNw/07-number1.png" data-image="https://images.squarespace-cdn.com/content/v1/5fecbd31d7ac5f3171e0bf11/1609357667442-61N7SB77SH3YNKI6FRH6/ke17ZwdGBToddI8pDm48kDXmef6MxYpCvjNAB8htAXflfiSMXz2YNBs8ylwAJx2qr7dJalY1eltJq26FYyRd7vRPVU93mJtGWdfnf1CIL5AYTl-gQpRTadFdjaWyCw9ckdX3FHrAosbJ7ZFxlWOdNw/07-number1.png" data-image-dimensions="94x114" data-image-focal-point="0.5,0.5" alt="07-number1.png" class="loaded" data-image-resolution="500w"src="https://images.squarespace-cdn.com/content/v1/5fecbd31d7ac5f3171e0bf11/1609357667442-61N7SB77SH3YNKI6FRH6/ke17ZwdGBToddI8pDm48kDXmef6MxYpCvjNAB8htAXflfiSMXz2YNBs8ylwAJx2qr7dJalY1eltJq26FYyRd7vRPVU93mJtGWdfnf1CIL5AYTl-gQpRTadFdjaWyCw9ckdX3FHrAosbJ7ZFxlWOdNw/07-number1.png?format=500w" style="left: 0px; top: 0.06382978723402744px; width: 225.00000000000003px; height: 272.87234042553195px; position: absolute;" data-parent-ratio="0.8">

 

Link to my page: https://sealion-poodle-8mph.squarespace.com/coaching

Password: welllivedlife

 

Thank you!

Screen Shot 2021-03-05 at 4.14.56 PM.png

Link to comment
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

  • 0
On 3/6/2021 at 6:23 AM, Polinamireau said:

Hello! I am trying to create an effect similar to the screenshot attached, which uses an image collage block with a transparent background to achieve this look. How do I achieve a similar look on my page? 

This is the part of their code that is different then mine:

            <img data-src="https://images.squarespace-cdn.com/content/v1/5fecbd31d7ac5f3171e0bf11/1609357667442-61N7SB77SH3YNKI6FRH6/ke17ZwdGBToddI8pDm48kDXmef6MxYpCvjNAB8htAXflfiSMXz2YNBs8ylwAJx2qr7dJalY1eltJq26FYyRd7vRPVU93mJtGWdfnf1CIL5AYTl-gQpRTadFdjaWyCw9ckdX3FHrAosbJ7ZFxlWOdNw/07-number1.png" data-image="https://images.squarespace-cdn.com/content/v1/5fecbd31d7ac5f3171e0bf11/1609357667442-61N7SB77SH3YNKI6FRH6/ke17ZwdGBToddI8pDm48kDXmef6MxYpCvjNAB8htAXflfiSMXz2YNBs8ylwAJx2qr7dJalY1eltJq26FYyRd7vRPVU93mJtGWdfnf1CIL5AYTl-gQpRTadFdjaWyCw9ckdX3FHrAosbJ7ZFxlWOdNw/07-number1.png" data-image-dimensions="94x114" data-image-focal-point="0.5,0.5" alt="07-number1.png" class="loaded" data-image-resolution="500w"src="https://images.squarespace-cdn.com/content/v1/5fecbd31d7ac5f3171e0bf11/1609357667442-61N7SB77SH3YNKI6FRH6/ke17ZwdGBToddI8pDm48kDXmef6MxYpCvjNAB8htAXflfiSMXz2YNBs8ylwAJx2qr7dJalY1eltJq26FYyRd7vRPVU93mJtGWdfnf1CIL5AYTl-gQpRTadFdjaWyCw9ckdX3FHrAosbJ7ZFxlWOdNw/07-number1.png?format=500w" style="left: 0px; top: 0.06382978723402744px; width: 225.00000000000003px; height: 272.87234042553195px; position: absolute;" data-parent-ratio="0.8">

 

Link to my page: https://sealion-poodle-8mph.squarespace.com/coaching

Password: welllivedlife

 

Thank you!

Screen Shot 2021-03-05 at 4.14.56 PM.png

Hi. Where is 1 on your site?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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