Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #19346


    when roll over the images in the shop gallery you see 2 buttons, one is to buy directly and the other one is to display details. How can i make these buttons more transparant ?

    page is


    Add following code to css/custom.css or the quick css field:

    #top #wrap_all div .thumbnail_container .button:hover, #top #wrap_all div .thumbnail_container .add_to_cart_button.loading{
    background-color: rgba(0,0,0,0.9);

    #top .thumbnail_container .button, #top div .thumbnail_container .add_to_cart_button, #top div .thumbnail_container .add_to_cart_button.product_type_grouped, #top div .thumbnail_container .add_to_cart_button.product_type_variable, #top div .thumbnail_container .add_to_cart_button.added{
    background-color: rgba(0,0,0,0.7);

    #top div .thumbnail_container .show_details_button{
    background-color: rgba(0,0,0,0.4);

    You can change the last value of the rgba colors – it will affect the opacity. The value needs to be between 0 and 1.


    super thanks !!!

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Change Alpha value of buttons in woocommerce’ is closed to new replies.