Adjusting productgrid - by Martine - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 3 years, 10 months ago ago by Rose Tyler

  • Avatar: Martine
    Martine
    Participant
    February 17, 2021 at 14:59

    Hi!
    On this page: https://www.loom.com/i/5982174c14534b2db6106883e1e4b026

    Is it possible to:
    1. create a border-schadow around a product?
    2. to change font-color and size of titel and price?

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 17, 2021 at 15:26

    Hi,

    Thanks for using our theme.
    Please provide URL.

    Regards

    Avatar: Martine
    Martine
    Participant
    February 17, 2021 at 15:28

    There’s an under construction on this site. Will remove it shortly now.

    http://www.stoeregeuren.nl/home

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 17, 2021 at 15:53

    1) Add the next code in Theme Options > Theme custom CSS:

    .products-loop .product .content-product, 
    .carousel-area .product-slide .content-product {
        box-shadow: 0 0 10px 3px rgb(0 0 0 / 10%);
        padding: 5px 10px;
    }

    > https://prnt.sc/zv5slb
    2)

    .content-product .product-title a {
        font-size: 22px;
        color: red;
    }
    .content-product .price {
        color: black;
        font-size: 14px;
    }

    > https://prnt.sc/zv60y9

    Regards

  • 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.