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 ?
Change Alpha value of buttons in woocommerce
3 posts from 2 voices- Started 5 months ago by morreke
- Latest reply from morreke
- This topic is closed
- This topic is resolved
-
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.
Posted 5 months ago #
Topic Closed
This topic has been closed to new replies.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
