cteixiera Posted November 29, 2023 Posted November 29, 2023 Hi, 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; }
tuanphan Posted December 1, 2023 Posted December 1, 2023 Change :after to :before It doesn't work properly, please share link to page where you use form, we can check easier 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment