Do I need to register to access those pages?
Weight
Customizr css is:
.label, .badge {
color: #FFFFFF;
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
white-space: nowrap;
}
font-size, font-weight & line-height is being overridden by woocommerce but you should be able to use:
.label, .badge {
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
white-space: nowrap;
}
and change the color & text-shadow to what you want.
Add to cart
This is woocommerce css:
.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt {
background: -moz-linear-gradient(center top , #AD74A2 0px, #96588A 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-color: #76456C;
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
}
Change the #AD74A2, #96588A & #76456C to what you want.
You may need to add !important to force the css to override woocommerce eg
border-color: #76456C !important;
