Add custom CSS to the Live shopping page (display and size)

By default, the Replay widget displays 4 images of 280 px per line. You can easily adjust the image size to display up to 8 replays per line.

From your Shopify Admin, head to Online Store / Pages and click on 'Live Shopping' page

Click on </> to open the page code editor

Add the following snippet to the code editor and click 'save'

#livemeup-landingpage .lmuReplaysWrapper {

grid-template-columns: repeat(auto-fit, min(280px, 100%));

}

#livemeup-landingpage .lmuReplayImg {

width: min(280px, 100%);

}

Adjust the size to 200px to display up to 6 images per line.

Updated on: 01/11/2025