Home › Forums › WoodMart support forum › Rounding for images and others

Rounding for images and others

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 17, 2022 at 10:37 am #414296

    chuananz
    Participant

    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.
    October 17, 2022 at 4:38 pm #414436

    Luke Nielsen
    Keymaster

    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

    October 18, 2022 at 4:34 am #414552

    chuananz
    Participant

    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.
    October 18, 2022 at 4:36 am #414554

    chuananz
    Participant

    We only see this in the preset setting:

    Attachments:
    You must be logged in to view attached files.
    October 18, 2022 at 12:31 pm #414692

    Luke Nielsen
    Keymaster

    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

    October 19, 2022 at 11:24 am #414917

    chuananz
    Participant

    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?

    October 19, 2022 at 11:43 am #414923

    chuananz
    Participant

    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.

    October 19, 2022 at 12:14 pm #414932

    Luke Nielsen
    Keymaster

    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

    October 20, 2022 at 8:51 am #415179

    chuananz
    Participant

    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.
    October 20, 2022 at 12:33 pm #415248

    Luke Nielsen
    Keymaster

    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
Viewing 10 posts - 1 through 10 (of 10 total)