Change Sibling Color Name Pipeline

[gm74]

How can I change the sibling color name on pipeline?

I don't want it to say color. 

https://njposterco.com/products/golden-gate-bridge-3

[tim]

Try this in sections "Custom CSS" setting:

.product__page__siblings .radio__legend__label {
  display: none;
}

.product__page__siblings  [data-swapper-target] {
  border: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
.radio__legend {
  position: relative;
}
.radio__legend span:first-child{
  color: transparent !important;
}
.product__page__siblings span.radio__legend__label:after {
    content: 'Name';
    color: #424242;
    position: absolute;
    top: 0;
    left: 0;
}
</style>

Result:

You can change the content: 'Name' to your text.
Hope this helps! If yes then Please don't forget hit Like and Mark it as solution!

[gm74]

That worked, but the size title under that is now gone. 

[AnneLuo · Accepted solution]

Please replace the previous code with the following code.

<style>
.product__page__siblings .radio__legend {
  position: relative;
}
.product__page__siblings .radio__legend span:first-child{
  color: transparent !important;
}
.product__page__siblings span.radio__legend__label:after {
    content: 'Name';
    color: #424242;
    position: absolute;
    top: 0;
    left: 0;
}
</style>