How can we reduce the size of components

[pnraltnsk]

Hi, I am using bootstrap4-dark-purple theme and I want to make the components smaller. I tried to change the font-sizes in primereact.css and theme.css of bootstrap but it didn't make any changes. How can I do this?

[DorukKantarcioglu]

Hello,

I also used one of the bootstrap themes in a personal project. AFAIK, for most of the components there are size specifying classes. If no size is specified, the components' default size is medium. For example, in the InputText component, adding className "p-inputtext-sm" makes the component smaller. It is present in the showcase for many components.

Kind regards

[mert.sincan]

Hi,

Thanks @DorukKantarcioglu Also, you can use the following css;

Code: Select all

html, body {
	font-size: 10px;
}

Best Regards,

[pnraltnsk]

Hi, thank you for your responses. But I realized that my page was zoomed in %200 so that's why the components looked too large.

[mert.sincan]

Thanks a lot for your update!

Best Regards,