This topic has 4 replies, 3 voices, and was last updated 8 years ago ago by Stan Russell
I would like to edit the background color of certain items on the shop pages:
1. The black bar that pops up when I hover over a shop page image. Now, a black bar pops up with red links for add to wishlist and quick view. The bar back ground needs to change from black to white so the links names are viewable
2. The product description page has an Add to Cart button, but the background color is black which covers the Add to Cart Text unless you hover over the box. The background color without hover needs to change to white
3. The cart page has a Proceed to Checkout button but the background color is black which covers the Checkout Text unless you hover over the box. The background color without hover needs to change to white
Hello,
Please add the following code in Theme options->Custom CSS->Global Custom CSS
1)
.footer-product{
background: rgba(255, 255, 255, 0.85);
}
2)
.cart .button {
background-color: #F7F7F7;
}
3)
.cart-collaterals .checkout-button{
ackground-color: #F7F7F7;
}
Regards,
Robert Hall
I still have an issue on item 3.
On the cart page, there is a Proceed to Checkout button which has black text without hover.
When I hover over the button, the text turns white which hides the text
How can I change the hover color to be black ?
I tried .cart-collaterals .checkout-button a:hover{color:black #F7F7F7;}
but that does not work
Hello smariano,
please use following css code:
.wc-proceed-to-checkout a:hover{
color:black;
}
Regards,
Stan Russell.
You must be logged in to reply to this topic.Log in/Sign up