How can I assign different colors to specific letters in a word on my collection list page?

Store Design
1

Hi, I have added a line of words onto my collection list page using this code:

#shopify-section-list-collections-template > div > div.sixteen.columns.list-collection-wrapper > div.eight.columns.alpha.thumbnail.even:before{
  visibility: visible;
    position: absolute;
  	white-space: nowrap;
    top: 0;
    left: 0;
  	padding: 0px;
	margin-top: 0px;
  	font-size: 30px;
  	font-weight: bold;
  	color: #2A4C9F;
    content: "ADVAGEN Brands";
  	z-index: 10

But I would like to word ‘ADVAGEN Brands’ to have different colors for specific letters, e.g. red for the letter ‘V’, blue for ‘AD-AGEN’ and black for ‘Brands’. How can I do that?

This is for url: www.advagen.com/collections

1 Like
2 

ADVAGEN

@advagen
Use like this,

3

Do I add it below the code I have added or replace it entirely? My code was added to bottom of the theme.liquid file as a custom code.