Rounding for images and others

Hi there, we would kindly need your assistance in the following:

1. We like to have the new rounding effect. However, we will like this not be applied to all product images on the shop and individual pages. Is it possible?

2. Are we able to edit “Description” and “Additional Information” section in the single product page? Such that each product can display different content in each tab or accordion. (see attached)

3. Seems like we are facing a server 500 error when trying to create a single product page layout using Elementor. It seems to affect only the single product page layout, other pages created using Elementor is fine.

Thank you and we look forward to your speedy reply.

Attachments:

You must be logged in to view attached files.

Hello,

1. You can apply the rounding for a specific page by using our theme presets. Read the below documentation on how to use it:

https://xtemos.com/docs-topic/theme-settings-presets/

2. Yep, the “Description” tab you can edit through the page builder, as for the “Additional Information”, unfortunately, this tab is not editable.

3. I would like to request temporary admin access to the live site to take a better look at the issue there.

Kind Regards

Hi Luke,

Seems like under the theme presets, there isn’t the rounding option. We are referring to the rounding of elements as seen attached. Please let us know where does it fall under.

Attachments:

You must be logged in to view attached files.

We only see this in the preset setting:

Attachments:

You must be logged in to view attached files.

Hello,

The “Rounding” is situated in Theme Settings -> Styles and colors -> Styles.

https://prnt.sc/k15ZrFPvH6Js

Results on my side: https://monosnap.com/file/ulqCVEmLjx49PskUmjzvuniGsdQERy

Kind Regards

Hi there,

Seems like the rounding effect is not customisable for certain elements using the preset setting.

Is there a way to apply the rounding effect the all elements (eg buttons, menu border etc) except for images? Perhaps is there a CSS code for this?

2. Yep, the “Description” tab you can edit through the page builder, as for the “Additional Information”, unfortunately, this tab is not editable.

Thanks for your reply on this. In this case, are we able to hide the “Additional Information” tab? Do you have the CSS code for this?

Thank you.

Hello,

1. We have settings for making the buttons round in Theme Settings -> Styles and colors -> Buttons.

https://prnt.sc/iiTX3O2klPUo

As for the round menu, attach a screenshot for a better understanding of which menu you want to make round.

2. Please read the WooCommerce documentation for help:

https://woocommerce.com/document/editing-product-data-tabs/

Kind Regards

Hi there,

For point 1, we are referring to the button that appears on product images on shop/category pages on hover. Please see the attached image. Is it possible to make it round?

We are also looking to make the header menu round when it appears on hover, as seen in the screenshot.

Do you have a CSS code for both?

Attachments:

You must be logged in to view attached files.

Hello,

With the help of the below code, you can change these points.

Rounded button on the product item:

.product-grid-item .wd-buttons {
    border-radius: 10px;
}

https://prnt.sc/_kP4loaCvqqo

Rounded dropdowns:

.whb-general-header .wd-dropdown {
    border-radius: 10px;
}

https://gyazo.com/9a63fad40c309e6abd5f850e769ddba6

Kind Regards

[Author]

Posts