Home › Forums › WoodMart support forum › Product page swatch label

Product page swatch label

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 26, 2021 at 9:36 am #269437

    Vaphindre
    Participant

    Hello I want to change my swatch label position and remove speace between label and colon.

    see here: https://ibb.co/XVRcZ4k

    I want to make it like this: https://ibb.co/prNp0yf

    February 26, 2021 at 11:48 am #269477

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please copy and paste the below given Custom CSS code to Theme Settings >> Custom CSS >> CSS code for Desktop and check your site after removing the browser cache.

    .single-product .product-design-alt table.variations tr {
    display: block !important;
    width: 30%;
    margin: auto !important;
}
.single-product .variations_form .variations .value {
    width: auto !important;
    left: 5px !important;
}

    Best Regards.

    February 26, 2021 at 11:52 am #269483

    Vaphindre
    Participant

    working on desktop thanks. I want to get same resault on mobile how can I do this?

    February 26, 2021 at 12:35 pm #269513

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please then paste that custom CSS code in the Global Custom CSS section. It will also apply on the mobile and desktop both.

    Best Regards.

    February 28, 2021 at 11:06 am #269849

    Vaphindre
    Participant

    thank you how can I remove space between color label and colon

    https://ibb.co/XVRcZ4k

    March 1, 2021 at 7:28 am #270008

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshot you attached.

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .variations_form .variations label:after {
    margin-left: -3px;
}

.variations_form .variations label {
    margin-bottom: -8px;
}

.swatch-on-single:not(:last-child) {
    margin-right: 10px;
}

    Best Regards

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)