Change styling of Variable product attributes

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

  • Avatar: Dom1788
    Dom1788
    Participant
    January 16, 2017 at 22:36

    Hi,

    Where can I change the styling of the variable product attributes? The titles are currently very small and close to the attribute selection and I cannot find where to change

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 18, 2017 at 14:06

    Hello,

    You are using additional plugin to add these options, that’s why you have such issue with styles.
    Go to Theme Options > Styling > Custom CSS and add the following code to fix it

    .product-information table.variations td.label .swatchtitlelabel, .product-info-wrapper table.variations td.label .swatchtitlelabel, .product-summary-center table.variations td.label .swatchtitlelabel {
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        color: #313131;
        display: inline-block;
        margin-bottom: 9px;
    }

    Regards

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