How to change margin-top on the window title bar

2 posts, 0 answers
  1. Jianwei
    Jianwei avatar
    20 posts
    Member since:
    Feb 2011

    Posted 10 Feb 2014 Link to this post

    I just upgraded my kendo ui to the latest version, however the line below the window title is lost. After some investigation, I found it's because the "margin-top" set to "-30px" on the kendo window title bar.  I made a fix by defining the following in my style sheet, but is this the right way to fix this issue?  Is there a way to customize how the margin-top is defined. 
    .k-window-titlebar.k-header {<br>  margin-top:-31px<br>}
  2. Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 12 Feb 2014 Link to this post

    Hello Jianwei,

    Basically the .k-window-titlebar margin-top is set to -2em, however most probably the bottom border in your application is not displayed because there is some CSS rule which influences the default styling. Is it possible to provide a small runnable example / live URL so I can look into it in more details?

    On a side note, you could customize the appearance of the Kendo UI widgets using custom CSS rules. For more detailed information take a look at the corresponding documentation.

    Iliana Nikolova
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top