Prime Community Forum

Posted: **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:

.toolbarS {
	margin: 0 auto;
	background-color: #324148;
}

and in my component.html the following code

<p-toolbar styleClass="toolbarS" >
    <div class="ui-toolbar-group-left">
    </div>
        
    </div> -->
</p-toolbar>

But the background color is still gray.
Any idea?

Posted: **14 Sep 2020, 16:35**

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

Posted: **22 Dec 2021, 01:26**

batook wrote: ↑
14 Sep 2020, 16:35
::ng-deep .p-toolbar.toolbarS {
margin: 0 auto;
background-color: #324148;
}

Styling the toolbar