Page 1 of 1

Changing all outputLabel color

Posted: 07 Apr 2016, 19:18
by vealparry
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).

Re: Changing all outputLabel color

Posted: 10 Apr 2016, 17:04
by mert.sincan
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;}

Re: Changing all outputLabel color

Posted: 11 Apr 2016, 07:40
by vealparry
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

Re: Changing all outputLabel color

Posted: 18 Apr 2016, 09:16
by mert.sincan
Thanks for the update ;)