Jump to content

Position of image in Product form

Recommended Posts


I found some code on this forum to add an image in the product form pop up but it's positioned over the text - is there a way of positioning it before the text?

This is the code I'm using:

body.collection-type-products .lightbox-content .field-list: after {
    content: "";
    background-image: url(https://cdn.pixabay.com/photo/2021/02/07/09/11/sunset-5990540__340.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: sticky;
    right: 20px;
    z-index: 9999;
    top: calc(100% + 100px);
    transform: translateY(-50%);
    width: 500px;
    height: 300px;
    visibility: visible;
    clear: none !important;

Screenshot 2023-11-29 at 11.20.27.png

Link to comment
  • Replies 1
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.