We attempted this on our site but were struggling to make it show any image in the screen at all. I identified the tag in the InstantMonsters source code where 5f4db8566c67441473286aeb appeared, and replaced that segment with 6230785fc011e37e95725956 but it doesn't seem to load anything. Are you able to direct us to what we're doing wrong so we can replicate it for other use cases that are similar? Our current code going directly into the Home -> Custom CSS section is:
/* Roseworks beaky test */
body#item-6230785fc011e37e95725956 .lightbox-inner .description:after {
content: "";
background-image: url(https://cdn.pixabay.com/photo/2021/02/07/09/11/sunset-5990540__340.jpg);
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 200px;
display: block;
}
The menu it should show up in is https://www.roseworksldn.com/shop/p/completely-customised-and-personalised-terrazzo-tray-1 after clicking a number of letters and "Add to Cart".
If you can help it would be so appreciated!
Thanks,
Rose Works LDN