Forum Discussion

deend's avatar
deend
Mentor
10 years ago

Icons Change

Hi i wanted to change the lithium default icons and place my new one, but dont want to replace with the same name.

so howz it possible.

 

6 Replies

Sort By
  • VarunGrazitti's avatar
    VarunGrazitti
    Boss
    10 years ago
    deend - by replacing, you'll be using your own set of icons. Other option is to override them using CSS. Upload the icons in the asset library and use in the CSS.
  • VarunGrazitti's avatar
    VarunGrazitti
    Boss
    10 years ago
    deend - You mean a generic CSS example or in this context? You can inspect the element and implement the CSS to change the icon.
  • phani's avatar
    phani
    Advisor
    10 years ago

    Hi deend,

     

    Find the css class of the existing icon. You can get this by inspecting element (ex:existing-icon-CSS). Add your new icon before existing icon by using following CSS code.

     

     

    .existing-icon-CSS::before {     content:url(https://cdn4.iconfinder.com/data/icons/tweetmyweb/128/flying_bird_sparkles.png);
   height: 16px;/*height of image*/
   width: 33px;/*width of image*/
   position: absolute;
}

     

    Hope this helps!

     

    Regards,

    Phani