Toolbar padding bottom

[Belle Cruz]

How to custom the css of the toolbar padding

[Satheesh Kumar Balasubramanian]

Hi Belle, 

  

Thanks for using Syncfusion Products. 

  

We suggest you to use the below customized style for padding the toolbar. 

  

Sample: https://www.syncfusion.com/downloads/support/forum/171440/ze/Padding-901184464 

  

Index.razor: 

<SfToolbar @ref="YearToolbar" CssClass="year-toolbar">
</SfToolbar> 

  

<style> 

    .e-toolbar .e-tbar-btn.e-btn .e-icons.e-chevron-left { 

        color: red; 

    } 

  

    .e-toolbar .e-tbar-btn.e-btn .e-icons.e-chevron-right { 

        color: red; 

    } 

  

    .e-toolbar .e-toolbar-items .e-toolbar-item.year-active .e-tbar-btn.e-btn, 

    .e-toolbar .e-toolbar-items .e-toolbar-item.month-active .e-tbar-btn.e-btn { 

        color: blue; 

    } 

    .e-toolbar.year-toolbar { 

        padding-bottom: 5px; 

    } 

</style> 

  

Kindly try the above sample and let us know if this meets your requirement. 

  

Regards, 

Satheesh Kumar B