Question
Huntington Bank
US
Last activity: 1 May 2018 13:12 EDT
Custom CSS file overridden by pega CSS file in mozilla firefox
dataLabelWrite selector in Custom CSS file is being overridden by pega CSS file (pzskin_user) in mozilla firefox and chrome. It works fine in Internet explorer. Using PRPC 6.3 SP1
Attached are the screenshots.
***Edited by Moderator Marissa to update categories***
-
Like (0)
-
Share this page Facebook Twitter LinkedIn Email Copying... Copied!
Accepted Solution
Learning
IN
Hello ,
I have checked your userWorkForm. You missed adding style tags for the provided class. Kindly copy the below code and paste it and try:-
<style>
.dataLabelWrite{
color:black !important;
}
</style>
This should work.
Thanks,
Hari.
ANZ Banking Group Ltd
AU
Hi,
I would suggest overriding the same style in your custom css file.
Huntington Bank
US
we already have a custom css file but in firefox its being overriden by the pega css
Learning
IN
Hello ,
Thanks for posting your query in PSC. Kindly add "!important" after the css attribute to take preference rather than other attribute. Check the example below:-
.dataLabelWrite{
color:black !important;
}
Hope this helps.
Thanks,
Hari.
-
Samiran Manna
Huntington Bank
US
Adding (! important) does'nt resolve the issue. Pega css is still overriding it
Learning
IN
Kindly clear browser cache and try it again. If still the issue persists, kindly provide the screen shot of custom css file addition[Whether it is added at harness level or application level].
Thanks,
Hari.
-
John Pritchard-Williams
Huntington Bank
US
Hello.
Cleared cache but the issue still persists in firefox. Custom css is added at the application level. Attached are the screenshots and the file
Learning
IN
Kindly copy the below code and paste it in userWorkform and try once:-
.dataLabelWrite{
color:black !important;
}
Hope it works.
Thanks,
Hari
Huntington Bank
US
Tried adding but it did not work. I have attached the userWorkForm file in the attachment. Please take a look and let me know if anything needs to be updated. Thanks
Accepted Solution
Learning
IN
Hello ,
I have checked your userWorkForm. You missed adding style tags for the provided class. Kindly copy the below code and paste it and try:-
<style>
.dataLabelWrite{
color:black !important;
}
</style>
This should work.
Thanks,
Hari.