Product description / accordion / tabs background white with rounded corners

Hello,

If you want the accordion and tabs items to have a similar appearance (white background with rounded corners), you can add custom CSS following css in Theme Settings > Custom CSS > Custom CSS for desktop. You can change the code as per your requirements.

/* Add White Background + Rounded Corners to Tab Nav Bar */
.product-tabs-wrapper .wd-nav-tabs-wrapper {
    background-color: var(--bgcolor-white, #ffffff) !important;
    border-radius: var(--wd-brd-radius, 8px);
    border: 1px solid var(--brdcolor-gray-300, #e6e6e6);
    padding: 10px 20px;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

/* Add White Background + Rounded Corners to Content Sections */
.product-tabs-inner > div {
    background-color: var(--bgcolor-white, #ffffff);
    border-radius: var(--wd-brd-radius, 8px);
    border: 1px solid var(--brdcolor-gray-300, #e6e6e6);
    padding: 30px;
}

For the mobile accordions, please add the following CSS in Theme Settings > Custom CSS > Custom CSS for mobile.

 .product-tabs-wrapper .wd-accordion-item {
    background-color: var(--bgcolor-white, #ffffff);
    border-radius: var(--wd-brd-radius, 8px);
    padding: 10px 20px;
    margin-bottom: 12px;
    border: 1px solid var(--brdcolor-gray-300, #e6e6e6);
}

Best Regards

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme:
https://www.trustpilot.com/review/xtemos.com

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.