Navbar Transparent

[Cristiano]

Hello,
I wonder if it's possible to have the Navbar parent element with transparent background like the attachment.

Cristiano

[Petyo]

Hi Cristiano,

Yes, all Kendo UI widgets can be customized using CSS. Please take a look at the following documentation article for further details. You may also use our mobile themebuilder as a starting point.

Greetings,
Petyo
the Telerik team

[Cristiano]

Hi,
thank you for your answer, but I can't find a solution.
I have modified in my css these classes:
km-header{
background: none !important;
}
km-navbar{
background: none !important;
}
but still have a background default color (light gray) that override all my css declaration.

[Iliana Dyankova]

Hi Cristiano,

I believe the issue is caused by incorrect selectors - the CSS class selectors should be defined with a ".". I.e.: 

.km-header{
    background: none !important;
}
.km-navbar{
    background: none !important;
}

Regards,

Iliana Nikolova
the Telerik team

[Cristiano]

Hi,
no, I only miswrote here in the forum.
In my web app, I write the declaration as you did:
.km-header{
    background: none !important;
}
.km-navbar{
    background: none !important;
}
That's not the right solution.

[Kamen Bundev]

Hi Christiano,

Can you describe a bit what are you trying to accomplish? I believe there is some misunderstanding here, since the CSS provided does make your NavBar transparent but since the content element is below it and has overflow: hidden, it won't be visible under the NavBar when you scroll. Maybe you want all the scrolling content to pass under the NavBar? Then you need to remove the overflow: hidden from .km-content and move the background to the .km-scroll-container.

Regards,
Kamen Bundev
Telerik