This is a migrated thread and some comments may be shown as answers.
Navbar Transparent
5 Answers 101 Views
This is a migrated thread and some comments may be shown as answers.
Cristiano
Top achievements
Rank 1
Cristiano asked on 17 May 2013, 04:02 PM
Hello,
I wonder if it's possible to have the Navbar parent element with transparent background like the attachment.

Cristiano

5 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 18 May 2013, 06:37 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Cristiano
Top achievements
Rank 1
answered on 20 May 2013, 10:49 AM
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.

0
Iliana Nikolova
Telerik team
answered on 21 May 2013, 07:29 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Cristiano
Top achievements
Rank 1
answered on 21 May 2013, 03:55 PM

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.

0
Kamen Bundev
Telerik team
answered on 22 May 2013, 07:19 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Asked by
Cristiano
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Cristiano
Top achievements
Rank 1
Iliana Nikolova
Telerik team
Kamen Bundev
Telerik team
Share this question
or