Polinamireau Posted March 5, 2021 Share Posted March 5, 2021 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! Link to comment
tuanphan Posted March 7, 2021 Share Posted March 7, 2021 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! Hi. Where is 1 on your site? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.