Change default color gradient of sidebar

[Franco Simonini]

Hi, I am trying to change the default gradient color of the nav bar menu.

I can't figure out how to do it.

In the site css I tried to change colors in

.sidebar {

    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);

}

with no effects.....

[Sivakumar ShunmugaSundaram]

Hi Franco,

Greetings from Syncfusion support.

You can change the background of the Blazor sidebar by using the below CSS styling. Also, we have attached the documentation to customize the background of our Syncfusion Blazor Sidebar component for your reference.

Refer to the below code snippet.

[MainLayout.razor]

 

<div class="page">

    <div class="sidebar">

        <NavMenu />

    </div>

 

    ...

<style>

 

.sidebar{

    background-image: linear-gradient(180deg, rgb(255, 0, 0) 0%, #FF0000 70%) !important;

}

   

    </style>

Documentation: https://blazor.syncfusion.com/documentation/sidebar/style

Sample:https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp1-3087899.zip ​

Check out the attached sample for your reference.

[Franco Simonini]

Thank you very much.... I feel so silly I didn't try by myself the !important annotation

[Indhumathy Loganathan]

Franco, We are glad that your reported query has been resolved. Please get back to us if you need any further assistance.