How to style the quick view ?

  • Hello,

    I wish to style the quick view mode but I am not able to figure out how/where to do so.

    I realize there are certain (premium) options for selecting which sections appear/etc, but this is not what I am talking about. I am referring to styling the “Add to Cart” button or the “view more details” buttons, etc.

    Where can I find these to style them? I can use simple CSS but I don’t know what to target (or how to find what to target).

    Thanks so much for any assistance.

Viewing 1 replies (of 1 total)
  • Plugin Author WPClever

    (@wpclever)

    Hi @evillost

    The quick view popup was wrapped by a div with an id “woosq-popup”. So, you can try below CSS code:

    #woosq-popup {
    border-radius: 10px;
}

#woosq-popup .product_title {
    color: red;
}

#woosq-popup .price {
    color: orange;
}

#woosq-popup .quantity {
    display: none;
}

    And the result https://www.screencast.com/t/qS88LnnI3MVC

Viewing 1 replies (of 1 total)
  • The topic ‘How to style the quick view ?’ is closed to new replies.