Home › Forums › WoodMart support forum › Swatch cutting out on the sides.

Swatch cutting out on the sides.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 15, 2020 at 9:34 am #211157

    onggowijaya
    Participant

    Can you help with the swatches. It appears to cut off the sides, and it makes the perceived shape not to be a complete circle.

    Attachments:
    You must be logged in to view attached files.
    July 15, 2020 at 12:29 pm #211217

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshot you attached and visited your website. It seems that you are using images for attribute items that are square.

    Screenshot for Clarification: https://ibb.co/m83F3BW

    Please add round images for them then clear cache and check back.

    Best Regards.

    July 16, 2020 at 5:44 am #211449

    onggowijaya
    Participant

    Can I make the swatches to be square instead?

    July 16, 2020 at 11:22 am #211630

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    To Make the swatches to square Please add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .woodmart-woocommerce-layered-nav .swatches-normal .filter-swatch > span {
border-radius: 0;
}

    And add the following CSS to make the swatch on the product grids to square.

    .swatch-on-grid.swatch-with-bg {
border-radius: 0;
}

    Best Regards.

    July 17, 2020 at 9:18 am #211892

    onggowijaya
    Participant

    Thanks, it works. Can you also help me to make sure that the highlight is also square?

    Attachments:
    You must be logged in to view attached files.
    July 17, 2020 at 10:09 am #211905

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You are Most Welcome. To Make the highlight square please try and add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .woodmart-woocommerce-layered-nav .filter-swatch > span::after {
border-radius: 0;
}

    Best Regards.

    July 20, 2020 at 5:23 am #212430

    onggowijaya
    Participant

    Thanks again.

    July 20, 2020 at 5:45 am #212433

    Aizaz Imtiaz Awan
    Keymaster

    Most Welcome!!!.

    I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

    We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Xtemos Studio.

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

The topic ‘Swatch cutting out on the sides.’ is closed to new replies.