Product grid layout

[Powercut]

I want to know how I could amend my product grid to only show Product Title on the top line and colour underneath.

At the moment, colour is listed within product title e.g. High-Waisted Leggings Black

I want to show High-Waisted Leggings, Black (underneath title). Any ideas?

[suyash1]

@Powercut - can you please share this page link?

[Powercut]

Here is my website link:

POWERCUT® 

[suyash1 · Accepted solution]

@Powercut - it is showing that black or navy words are part of the title, go to page backend and try to put html code <br /> in between 2 words and check if it works

[Powercut]

Thanks so much! Worked perfectly. Is there a way to change the colour and size of the 'colour' text

[suyash1]

@Powercut - try this css if you want to change only 'colour' text, replace colour name with colour you want

<span style="color:colour name">colour name</span>

[Powercut]

Hi again, is there any other way to do this, I've noticed html code <br /> is now pulling through in my backend product list and reporting.

[suyash1]

@Powercut - unfortunately no other way as these color names are part of the title

[Powercut]

Is there a better way to set this up in the backend if colour was removed from title?

[suyash1]

@Powercut - if you remove color title, you do not need <br />

[Powercut]

What is my best way to set up separate colours for the same type of product. I looked at adding colour as a variant but this doesn't seem to work well for our website.

[suyash1]

@Powercut - may be each variant as separate product may work, you can ask shopify support if they can do this