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

    hi,

    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 http://bellefleur.artsjok.be/shop

    #103361

    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.

    #103362

    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.