Enlarge percentage discount font - by d4r1uzzo

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

  • Avatar: d4r1uzzo
    d4r1uzzo
    Participant
    October 9, 2018 at 10:37

    Hello,
    how can I only enlarge the font within the discount percentage area?

    http://prntscr.com/l3xayp

    Greetings,
    Dario

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 9, 2018 at 10:46

    Hello,

    .sale-value {
        font-size: 1rem;
    }

    Regards

    Avatar: d4r1uzzo
    d4r1uzzo
    Participant
    October 9, 2018 at 12:00

    ok, but it also enlarges the background by covering the image.

    http://prntscr.com/l3ydwe

    I would like to keep the default background size and only enlarge the font.

    Greetings,
    Dario

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 9, 2018 at 12:32

    You need to change “Sale label size” in Theme Options > Shop elements > Sale & Out of Stock (for example 2.25×2.25).

    Regards

    Avatar: d4r1uzzo
    d4r1uzzo
    Participant
    October 9, 2018 at 13:45

    OK thanks.

    Instead to enlarge the font and change the color of the title, price and category in the product card how should I write the css?

    http://prntscr.com/l3zvpd

    Compared to version 4.28.1 the css is quite different 🙂

    Greetings,
    Dario

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 9, 2018 at 13:51
    .single-product .product-content h1.product_title {
        font-size: 30px;
        color: red;
    }
    .single-product .product-content .price {
        font-size: 2rem;
        color:  black;
    }
    .single-product .product_meta .products-page-cats a {
        font-size: 16px;
        color: red;
    }

    Regards

  • Viewing 6 results - 1 through 6 (of 6 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.