Return to previous page

What are the rounded corner radius dimensions for banners on the home page to fill the border line

This topic has 7 replies, 4 voices, and was last updated 56 seconds ago ago by Tony Rodriguez

Simon

Participant

January 31, 2026 at 22:49

Hi, As per the image, I have tried to match the rounded corner radius for banner images as best I can to the demo, and in most places it doesn’t matter as there is no border (and some parts of the template round the corners from CSS, not the actual image) but for this banner I cannot get it exact, and you see a slight border above the top left corner where I haven’t matched it.

Is there an exact radius setting, or would a better fix be to have the section have CSS that handles the rounding, not having to do it in the image itself?

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#465178 Copied

6 Answers

Samir Malik

Support staff

February 1, 2026 at 15:26

Hello,

We have noticed that your image has a white background in the top left corner.

Please remove this white background so that the border radius appears correctly.

https://prnt.sc/nSjTEI6AyYUz

Please let us know once it has been updated.

Best regards,
8Theme Team

#465200 Copied

Simon

Participant

February 1, 2026 at 22:55

I’m a bit confused, I don’t have a white corner there, it is transparent as a png, as when I downloaded the demo image for that position from your template your image has a rounded corner in the image too, so I tried to match that.

Are you saying if I just use a square image the template will take care of the rounded corner? (that would be ideal)

#465211 Copied

Jack Richardson

Support staff

February 2, 2026 at 07:27

Hello @Simon,

It would be preferable to implement all border radiuses using CSS along with the images you already have. This approach will allow you to easily replace the images without the need for any additional tools to create rounded corners on your images.

In your specific case, you can reset the border radius for your banner (https://prnt.sc/Xw0KmVjw6Nnz), as the parent wrapper already has a radius applied, which creates a clean and visually appealing design with rounded corners.

Best regards,
Jack Richardson
The 8Theme’s Team

#465223 Copied

Simon

Participant

February 2, 2026 at 08:08

Thank you

#465228 Copied

Simon

Participant

February 2, 2026 at 08:08

Thanks for the support! My topic “What are the rounded corner radius dimensions for banners on the home page to fill the border line” has been successfully resolved.

#465229 Copied

Tony Rodriguez

Support staff

February 2, 2026 at 08:08

Dear Simon,

Thanks for being part of our WordPress & WooCommerce community!

We’re happy we could assist you. Your feedback truly matters — it helps us make XStore better, faster, and more reliable with every release.

Leave Feedback →
(takes less than a minute)

Together, we’re shaping a better WooCommerce experience for everyone.

Topic closed.
The 8Theme Team

#465230 Copied
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘What are the rounded corner radius dimensions for banners on the home page to fill the border line’' has been successfully resolved, and the topic is now closed for further responses

What are the rounded corner radius dimensions for banners on the home page to fill the border line

Explore our best WordPress WooCommerce Themes collection