How to customize the font size of the price in the product carousel

This topic has 3 replies, 2 voices, and was last updated 4 months, 3 weeks ago ago by Leon

  • Avatar: yuanyu
    Leon
    Participant
    July 26, 2025 at 11:52

    Hello

    In the product carousel area of the home page, I need to set the regular price font size as 14px and set the sale price font size as 20px.
    Also I need to set the right margin of regular size as “1px”
    Could you share the CSS code with me please?

    Thank you

    Files is visible for topic creator and
    support staff only.
    2 Answers
    Avatar: Alex Carter
    Alex Carter
    Support staff
    July 26, 2025 at 12:17

    Hello,

    Thank you for reaching out to us.

    This custom CSS code can be used:

    .etheme-product-grid-item ins .amount {
        font-size: 20px;
    }
    .etheme-product-grid-item ins {
        padding-left: 1px !important;
    }
    .etheme-product-grid-item  {
        font-size: 14px;
    }

    Warm Regards,
    The 8Theme Team

    Avatar: yuanyu
    Leon
    Participant
    July 30, 2025 at 22:12

    Thanks for the support! My topic “How to customize the font size of the price in the product carousel” has been successfully resolved.

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

The issue related to '‘How to customize the font size of the price in the product carousel’' 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.