Changing all outputLabel color

Post Reply
vealparry
Posts: 9
Joined: 01 May 2015, 14:03

07 Apr 2016, 19:18

I tried changing the following entries without any luck.

less/variables/theme-variables.less
@outputlabel-color: #000000;//#546E7A;

primefaces-volt/theme.css
.ui-outputlabel {
font-size: 14px;
font-family: 'open_sansregular';
color: #000000;/*#29506b;*/
}

less/theme/theme.less
.ui-outputlabel{font-size:14px; font-family: 'open_sansregular'; color:rgba(0,0,0,1);}

1.Either i don't know how to use the options.
2.I have to change the colour for each label or use the styleclass for each label.

Currently i will consider option1

I would also like the know a similar one option to change all input item background color (like, inputText,autocomplete, etc).
V.P.
Primeface 5.3

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

10 Apr 2016, 17:04

Oh :o this is a layout bug. Thanks for your attention. Fixed for next release.

I think you can make the following changes;
Theme-variables.less

Code: Select all

// line 647

/* outputlabel */
@outputlabel-font-size: 14px;
@outputlabel-color: rgba(41,80,107,1); // you can change this color.
theme.less

Code: Select all

// line 1845
.ui-outputlabel{font-size:@outputlabel-font-size; font-family: 'open_sansregular'; color:@outputlabel-color;}

vealparry
Posts: 9
Joined: 01 May 2015, 14:03

11 Apr 2016, 07:40

Thanks for you reply.
I was actually using h:outputlabel, i had to change it to p:outputlabel and now i only make changes to theme.css.
What i learned is that some of components are mapped at multiple place so we need to keep changing all of them under theme.css
V.P.
Primeface 5.3

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

18 Apr 2016, 09:16

Thanks for the update ;)

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests