> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.livemeup.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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**
![](https://storage.crisp.chat/users/helpdesk/website/-/b/d/2/c/bd2c813882227800/screenshot-2025-08-12-at-11310_j7jxwa.png)

|| Click on </> to open the page code editor
![](https://storage.crisp.chat/users/helpdesk/website/-/b/d/2/c/bd2c813882227800/screenshot-2025-08-12-at-11314_1g1sk9z.png)

|| 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%);
}

![](https://storage.crisp.chat/users/helpdesk/website/-/b/d/2/c/bd2c813882227800/screenshot-2025-08-12-at-11324_9ih4s4.png)

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

/
![](https://storage.crisp.chat/users/helpdesk/website/-/b/d/2/c/bd2c813882227800/screenshot-2025-11-02-at-75649_5zwcz.png)