Custom Tabstrip Icon Background-size

2 posts, 0 answers
  1. Kevin
    Kevin avatar
    47 posts
    Member since:
    Nov 2012

    Posted 04 Feb 2014 Link to this post

    Using the guide at I've added a custom mask icon using the latest recommended way to do it. Unfortunately my icons (glyphish pack) seem to be just a tiny bit too large for my taste and the background-size is having no effect when i try to change it.

    km-root .km-pane .km-view .km-home-new {
        background-size: 90% 90%;
        -webkit-background-clip: border-box;
        background-color: white;
    .km-home-new {
        -webkit-mask-box-image: url("images/53-house@2x.png");
        background-color: red;

    I have tried as low as 10% 10% and it changes nothing.
  2. Kiril Nikolov
    Kiril Nikolov avatar
    2543 posts

    Posted 06 Feb 2014 Link to this post

    Hi Kevin,

    As these are font icons, you will need to change the font-size in order to change the icon size. Please check the following example, for a possible implementation:

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