Smaller Buttons

Post Reply
ckirbas
Posts: 11
Joined: 16 Mar 2012, 12:49

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?

User avatar
aragorn
Posts: 2658
Joined: 29 Jun 2013, 12:38

15 Dec 2015, 20:56

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

Code: Select all

.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

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests