Prime Community Forum

Posted: **15 Dec 2015, 18:48**

Can we make buttons and input size smaller? Is it possible? Can I overide this in a main css globally?

Posted: **15 Dec 2015, 20:56**

Yes, you can override Titan's Css.
Exp;

.ui-inputfield{
     padding: 5px !important;
}

.ui-button-text-icon-left .ui-button-text {
    padding: 5px !important;
}

.ui-button-text-only .ui-button-text {
    padding: 5px !important;
}

OR
For your issue, I think you can make some changes into theme.less.
Exp;

Code: Select all

//line 1295
/*Style For UI InputField ------------------------------------------------------------------------------------- */
.ui-inputfield{ ... }
.. 
//line 1311 
/*Style For Button ------------------------------------------------------------------------------------- */
...

Also, we added Less feature for Titan, Rio, Modena, Adamantium, Volt; (Less Detail: http://lesscss.org/ ) You can easily change font-size, all colors (background-color, color, border-color etc.), transition of components and layouts in Titan, Rio, Modena, Adamantium, Volt.
Exp;
If you want to change background-color, font size etc. of datatable in Titan, you can change this value theme-variables.less;
/* Other components*/
...
@datatable-table-font-size: 14px;
@datatable-header-cell-bg-color:#C3CDD5;
...
To change style of components -> theme-variables.less
To change style of Layout-> layout-variables.less
Similar issues; http://forum.primefaces.org/viewtopic.php?f=28&t=43687
http://forum.primefaces.org/viewtopic.p ... 2&p=136407

Prime Community Forum

Smaller Buttons

Smaller Buttons

Re: Smaller Buttons