Color change

  • When visiting my site and choice a coffee product (not subscription) the wordt weight is white and I want to change this in color. Also add to cart is purple and needs to be changed.

    Where do I find this settings?

Viewing 6 replies - 1 through 6 (of 6 total)

  • Link to site?

    Thread Starter CoffeeXperts

    (@coffeexperts)

    sorry

    coffeexperts.eu

    Do I need to register to access those pages?

    Thread Starter CoffeeXperts

    (@coffeexperts)

    No, just follow this link.

    https://www.coffeexperts.eu/product/espresso-classico-italiano/

    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;

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Color change’ is closed to new replies.

Tags