Override side bar css style

UI Components for React
Post Reply
Posts: 11
Joined: 17 Dec 2009, 22:21

24 Jan 2020, 18:07


How can I override the sidebar .p-sidebar and .p-sidebar-left css classes ?

I added the following to my main.css file:

.p-sidebar {
position: absolute;
padding: .5em 1em;
-webkit-transition: transform .3s;
transition: transform .3s;

.p-sidebar-left {
left: 0;
width: 20em;
height: 100%;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);

but I dont see the changes reflected.
I'll appreaciate the help.

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest