Improved customization for font styles

Progress® KendoReact Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Unplanned

Last Updated: 09 Oct 2025 11:20 by ADMIN

Christopher

Created on: 08 Oct 2025 10:38

Category: KendoReact

Type: Feature Request

Improved customization for font styles

*** Support ticket created by Telerik by Progress staff ***
*** Please follow-up with additional details, if necessary. Thank you. ***

I want to achieve an improved customization over the font styling of the title and subtitle pieces using the SCSS theme variables. We want to globalize the style changes via SCSS

3 comments

ADMIN

Filip

Posted on: 09 Oct 2025 11:20

Hello, Christopher,

You are correct, currently, the font-weight and text-transform properties for the .k-expander-title class in the ExpansionPanel component are hardcoded and not exposed as SASS theme variables or CSS custom properties. The only SASS variable available for the title is related to font color. As you have noticed the only workaround is to globally change these styles, you can override them in your main stylesheet, however I agree that this is not ideal.

With that in mind I have converted this ticket to an official feature request for adding the required SASS variables and added your vote for convenience. Please let me know in case further questions arise on this matter and I will gladly assist.

Regards,
Filip
Progress Telerik

Your perspective matters! Join other professionals in the State of Designer-Developer Collaboration 2025: Workflows, Trends and AI survey to share how AI and new workflows are impacting collaboration, and be among the first to see the key findings.
Start the 2025 Survey

Christopher

Posted on: 08 Oct 2025 12:46

Filip,

I went through the theme options prior to creating the original ticket. The styles in particular that I cannot customize and are the font-weight and text-transform attributes that are part of the k-expander-title css class:

.k-expander-title {
    text-transform: uppercase;
    font-weight: 500;
}

These values do not utilize any of the CSS theme variables, nor do they support customization through SASS theme variables. Per the SASS variable documentation for the ExpansionPanel component, the only variables supported for the title is the font color.

Thanks,
Chris

ADMIN

Filip

Posted on: 08 Oct 2025 12:02

Hello, Christopher,

In order to globally customize the font styles for the title and subtitle elements in KendoReact, I can suggest overriding the relevant theme variables:

https://www.telerik.com/kendo-react-ui/components/styling/customizing#setting-theme-variables

Another approach that comes to mind is to use the ThemeBuilder:

In case none of the listed approaches help, can you please provide more details on the requirement and scenario at hand? This will enable me to look for a solution that better covers your needs.

Regards,
Author nickname
Progress Telerik