We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Increase font size globally

Thread ID:





144845 May 25,2019 11:30 AM UTC May 28,2019 03:42 AM UTC Angular - EJ 2 2
Tags: General
Asked On May 25, 2019 11:30 AM UTC

Your components all use a fairly small font size and I would like to increase them (along with icon sizes and padding) to match the standard 16pt used by angular material and bootstrap.

I've been hacking at the css for individual components, inspecting the elements one by one and fiddling with them but I'm sure there must be a better way?

Replied On May 27, 2019 01:57 PM UTC

Just to add, I can see that we can change the colour values via scss variables but I see nothing about sizes etc.  Is that possible?

I also cannot find any mention of CSS classes in the documentation that might effect sizes eg ".btn-large" or something like that.  Is there any?

Jesus Arockia Sankaran S [Syncfusion]
Replied On May 28, 2019 03:42 AM UTC

Hi David, 

Thanks for contacting Syncfusion support.  

We have checked your requirement and suggest that you use classes “.e-icons” and “.e-control” to increase the icon size and font size as shown in the code snippet below. But while increasing the font size of icons, it affects other component padding. 

Code Snippet

.e-icons { 
  font-family: "e-icons"; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: normal; 
  font-size: 20px; 
  line-height: 1; 
  speak: none; 
  text-transform: none; 

If you need further assistance in this, please come back to us. 

Jesus Arockia Sankaran S 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon