product carousel border

This topic has 9 replies, 2 voices, and was last updated 2 years, 6 months ago by Aizaz Imtiaz Awan.

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

Author

Posts
May 22, 2022 at 11:50 pm #377824

[email protected]
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

[email protected]
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

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

[email protected]
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

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

[email protected]
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

[email protected]
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

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

[email protected]
Participant

It doesnt work. Please help.

May 26, 2022 at 1:43 pm #378998

Aizaz Imtiaz Awan
Keymaster

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