Styling the toolbar

UI Components for Angular
Post Reply
nikos6707
Posts: 4
Joined: 30 Aug 2018, 13:18

30 Aug 2018, 13:22

Hi.
I want to set new style for the toolbar widget.
How can i do that?
I've created into my component.css the following code:

Code: Select all

.toolbarS {
	margin: 0 auto;
	background-color: #324148;
}
and in my component.html the following code

Code: Select all

<p-toolbar styleClass="toolbarS" >
    <div class="ui-toolbar-group-left">
    </div>
        
    </div> -->
</p-toolbar>
But the background color is still gray.
Any idea?

batook
Posts: 1
Joined: 14 Sep 2020, 16:32

14 Sep 2020, 16:35

::ng-deep .p-toolbar.toolbarS {
margin: 0 auto;
background-color: #324148;
}

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest