Edit shop page background colors - by smariano

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

  • Avatar: smariano
    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

    3 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    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

    Avatar: smariano
    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

    Avatar: stan
    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.

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.