Return to previous page

Edit shop page background colors - by smariano

This topic has 4 replies, 3 voices, and was last updated 9 years, 9 months ago ago by Stan Russell

smariano

Participant

March 18, 2016 at 04:47

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

#117922 Copied Theme version: 2.8 WooCommerce version: 2.5.3

3 Answers
Robert Hall

Participant

March 18, 2016 at 09:21
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
#117956 Copied
smariano

Participant

March 23, 2016 at 04:47

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

#118528 Copied
Stan Russell

Participant

March 23, 2016 at 08:30
Hello smariano,

please use following css code:

.wc-proceed-to-checkout a:hover{ color:black; }

Regards,
Stan Russell.
#118537 Copied
Viewing 4 results - 1 through 4 (of 4 total)