Styling product cards - by Goostaf - on WordPress WooCommerce support

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

  • Avatar: Goostaf
    Goostaf
    Participant
    April 18, 2021 at 10:01

    Hello, is it possible to highlight cards in the catalog and on the main page? For example, to make a frame, as in the screenshot, they also wanted to slightly change the text, make it and the price more noticeable, on your screen the title is well highlighted.

    How can you style the title, size, color in the catalog cards and the title?

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 18, 2021 at 10:25

    Hello,

    Try to add the next custom CSS code:

    .products-loop .product, .carousel-area .product-slide {
        border: 1px solid #e1e1e1;
    }
    .content-product .product-title a {
        font-weight: 500;
        font-size: 17px;
    }
    .content-product .price {
        font-weight: 500;
    }
    .single-product .carousel-area .product-slide {
        padding-bottom: 25px;
        padding-top: 0px;
    }

    Regards

    Avatar: Goostaf
    Goostaf
    Participant
    April 18, 2021 at 10:44

    Thank you so much:)

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 18, 2021 at 10:48

    You’re welcome!

    Regards

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

The issue related to '‘Styling product cards’' has been successfully resolved, and the topic is now closed for further responses

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