Woocommerce store buttons

  • Resolved sbraunm

    (@sbraunm)


    4 years, 11 months ago

    Kindly advice on how to add text to the “add to cart” and “link” buttons found bellow each product, preferably when mouse is over them.
    How to change the color of the background of those buttons?
    Finally, how to change the image, specially the one of the link?
    Thanks !

    The page I need help with: [log in to see the link]

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

  • Try this custom css:

    a.add_to_cart_button .icon-basket:after {
  content: "Add-to-cart";
}
a.link .icon-link:after {
  content: "Link";
}
a.add_to_cart_button .icon-basket:after,
a.link .icon-link:after {
  padding: 2px;
  display: none;
  position: relative;
  top: -46px;
  right: -96px;
  width: 50px;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  background-color: #fef4c5;
  border: 1px solid #d4b943;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
a.add_to_cart_button .icon-basket:hover:after,
a.link .icon-link:hover:after {
  display: block;
}
a.add_to_cart_button,
a.link {
  background-color: #ffffe6;
}
a.add_to_cart_button:hover,
a.link:hover {
  background-color: #ffffb3 !important;
}
/*
.icon-link:before {
  content: "\e69a" !important;
}
*/

    Sorry, I can’t figure out what icon codes are available for the icons.

    Thread Starter sbraunm

    (@sbraunm)

    great!!!!!!!!!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Woocommerce store buttons’ is closed to new replies.