How can I fit 5 product variants per line on my Ella theme page?

Store Design
, , , , , , ,

Topic summary

A user working with the Ella theme wants to display 5 product variants per line on their product page instead of the default layout.

Solution Provided:

  • Access the theme’s “Edit Code” option
  • Locate the theme.liquid file using the search bar
  • Insert custom CSS code below the <head> tag
  • The code adjusts the width to accommodate 5 variants horizontally

Outcome:
The original poster confirmed the solution worked after making minor adjustments to the width and height values to achieve the desired appearance. The issue appears resolved.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

Hi,
I am using a theme called Ella and I want the width of my product page to be enough to fit 5 variants per line, as shown in the screenshot below.
Any help is greatly appreciated.

https://testingstoresandthemes.myshopify.com/products/600ml-shaker

storefront password: test

screencapture-testingstoresas copy.png
screencapture-testingstoresas copy.png1920Ă—936 131 KB

2

Hey @technase ,

Try this :blush:

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1706960325055.jpeg
ThePrimeWeb_0-1706960325055.jpeg1253Ă—933 87.9 KB

1 Like
3

Thank you. With a little tweaking in the width and height I was able to make it look perfect.