Biger Font size of filter and variotion in category page

This topic has 7 replies, 2 voices, and was last updated 1 months, 2 weeks ago ago by Luca Rossi

  • Avatar: xstore
    mantolis
    Participant
    October 21, 2025 at 10:41

    hello friends,
    I want your help about the size of variations and filter in category page.
    i want to have it a little larger, can you guide me please?
    Thank u

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    6 Answers
    Avatar: xstore
    mantolis
    Participant
    October 21, 2025 at 10:45

    size of Variations of products

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    October 21, 2025 at 12:09

    Hi @mantolis,

    Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    .product ul.st-swatch-size-normal li.type-label {
        margin: 3px;
    }
    .product ul.st-swatch-size-normal li.type-label,
    .product ul.st-swatch-size-normal li.type-image,
    .product ul.st-swatch-size-normal li.type-label span{
        min-width: 40px;
        min-height: 40px;
    }
    
    .single-product .variations_form ul.st-swatch-size-large li.type-label {
        width: auto;
        height: 50px;
    }
    
    .single-product .variations_form ul.st-swatch-size-large li.type-label span {
        font-size: 1.2em;
    }
    

    Kind regards,
    The 8Theme Team

    Avatar: xstore
    mantolis
    Participant
    October 21, 2025 at 13:56

    Thank u . I appreciate your help and fast reply to me!!
    One more thing please, i try to found the way to change the font size and color of the price of the product after i choose the qty (variotion).
    Can you help me please?
    Thank again !
    Apostolis

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    October 21, 2025 at 17:17

    Hi @mantolis,

    Please also add this custom CSS code:

    
    .woocommerce-variation-price span.woocommerce-Price-amount.amount {
        color: #ef7d00;
        font-weight: bold;
    }
    

    Hope it helps!

    Avatar: xstore
    mantolis
    Participant
    October 21, 2025 at 22:36

    hello Luca Rossi,
    Yes.. Excellent !
    Thank u.!!!!!

    Avatar: Justin
    Luca Rossi
    Support staff
    October 22, 2025 at 06:09

    You’re most welcome!

    If you need anything else, please let us know.

    Best Regards,
    8Theme’s Team

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

The issue related to '‘Biger Font size of filter and variotion in category page’' 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.