I have 3 groups on my site, “SKU”, “Categories” and “Tags” so I added this to my “Template Wide Custom CSS”:
.sku_wrapper, .posted_in, .tagged_as
{
padding-top:0;
padding-bottom:0.2em;
display:block;
}
.sku_wrapper .sku
{
color:#5bc4f1;
font-weight:bold;
letter-spacing:0.07em;
}
The first part sets all 3 as blocks and makes space under them to divide the lines. The second part colors the sku and adds a tiny amount of space between the letters so it is easier to read.
If you want to make the words SKU:, Categories: & Tags: to be bold red, make the first part:
.sku_wrapper, .posted_in, .tagged_as
{
padding-top:0;
padding-bottom:0.2em;
display:block;
color:red;
font-weight:bold;
}
This will make the commas red bold also but I have not figured out how to fix that yet.