Customize Buttons of Variation Swatches - by giese

This topic has 3 replies, 2 voices, and was last updated 4 years, 7 months ago ago by giese

  • Avatar:
    giese
    Participant
    May 15, 2021 at 20:43

    I would like to increase the size of the Variation Swatches Buttons below the products. Do you have any idea how to do this?

    Regards.
    Tillmann

    example

    2 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 16, 2021 at 07:34

    Hello,

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

    .content-product .st-swatch-popup > .et_st-default-holder ul.st-swatch-size-normal li.type-label span {
        font-size: 12px;
        padding: 5px;
    }
    .content-product .st-swatch-in-loop {
        margin-bottom: 6px !important;
    }

    Regards

    Avatar:
    giese
    Participant
    May 16, 2021 at 12:11

    Thank you so much …

    Tillmann

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

The issue related to '‘Customize Buttons of Variation Swatches’' 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.