I have started to use primefaces. I want to override css of p:button I can change the color but it is not correct. There is something like gradient and white spaces between text and background. Also don't know how to change hover style(blue glow shadow). How can I correctly change css? Can I find somewhere default css and change it like I want?
Asked
Active
Viewed 60 times
0
-
No it is not a duplicate. I would like to know what are the elements of css of given pf component. And as You see I have explained my problem. I know HOW to change css but it doesn't work fine. – Rembrandt Jul 13 '14 at 10:09
-
Have a look in your browser using firebug or similars, you'll be able to inspect the elements and their css. Then change them as it is explained in the referenced question – Aritz Jul 13 '14 at 10:54
-
Good hint but I still cant remove wite line on top of the button when I change the color. – Rembrandt Jul 13 '14 at 11:25
-
Your question would be better explained with the current code rather than an image – Aritz Jul 13 '14 at 11:36
-
Like I have written above, I have only changed the color of button with background-color property. Result is on the img. – Rembrandt Jul 13 '14 at 11:48
-
There are probably a padding and/or a margin.. you need to set them to 0px. As adviced use a debugger/developer tool to see the css style code that is generated and modify your code accordingly. – Jul 13 '14 at 12:21
-
I can't slove it. What is interesting by default this line is visible too but in case of default color not so much - (try hover it) http://www.primefaces.org/showcase/ui/button/button.xhtml – Rembrandt Jul 13 '14 at 14:02