Home › Forums › WoodMart support forum › product carousel border

product carousel border

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 22, 2022 at 11:50 pm #377824

    stapflucas@gmail.com
    Participant

    How can I make the edges slightly more rounded of the highlighted border of the product carousel in my header?

    May 22, 2022 at 11:59 pm #377826

    stapflucas@gmail.com
    Participant

    Also how can I adjust its height so it matches with the one of the slider?

    May 23, 2022 at 10:58 am #377936

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Sorry but I am unable to visit your website and it’s getting redirected. Please make sure its woking to let me assist you further. Also provide some relevant screenshots of what you require.

    Best Regards

    May 23, 2022 at 1:59 pm #378012

    stapflucas@gmail.com
    Participant

    How strange! Where are you being redirected?

    Attachments:
    You must be logged in to view attached files.
    May 23, 2022 at 3:50 pm #378072

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Please edit the section and try adding the border radius to the sections as you required.

    Best Regards

    May 23, 2022 at 7:24 pm #378157

    stapflucas@gmail.com
    Participant

    That’s the issue. Something really wrong with it. Have a look and decide for yourself but I would like it to be pixel perfect if you know what I mean and not having these distortions impact the visual quality.

    Attachments:
    You must be logged in to view attached files.
    May 23, 2022 at 7:28 pm #378161

    stapflucas@gmail.com
    Participant

    I tried many combinations but it seems like the issue is being caused by the theme itself. Have a look on other options.

    Attachments:
    You must be logged in to view attached files.
    May 24, 2022 at 2:08 pm #378384

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

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

    .wd-carousel-container .product-grid-item .product-image-link img, .product-grid-item .hover-img img {
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    }

    Best Regards

    May 26, 2022 at 12:05 am #378858

    stapflucas@gmail.com
    Participant

    It doesnt work. Please help.

    May 26, 2022 at 1:43 pm #378998

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

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

    .wd-highlighted-products .elements-grid, .wd-highlighted-products.wd-carousel-container {
    border-radius: 25px;
    }

    .wd-slider {
    border-radius: 25px;
    }

    Best Regards

  • Author
    Posts

Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)