Home Forums WoodMart support forum Simplifying CSS Code

Simplifying CSS Code

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #366128

    IanB
    Participant

    I have the following CSS

    .woocommerce div.product form.cart div.quantity .plus:hover {
    background-color: #F7F6F6 ;
    color: #141414;
    }

    .woocommerce div.product form.cart div.quantity .minus:hover {
    background-color: #F7F6F6 ;
    color: #141414;
    }

    How do I simplify this into less code, is this possible ?

    I want the .minus:hover and .plus:hover to be the same, so can code be reduced ?

    • This topic was modified 2 years, 2 months ago by IanB.
    #366259

    Hello,

    Please replace with this one:

    .woocommerce div.product form.cart div.quantity .plus:hover,
    .woocommerce div.product form.cart div.quantity .minus:hover {
    background-color: #F7F6F6 ;
    color: #141414;
    }

    Best Regards

    #366292

    IanB
    Participant

    Thanks

    #366347

    You are welcome! We are here to help.

    Wish you a wonderful day!

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Simplifying CSS Code’ is closed to new replies.