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.  
deend's avatar
deend
Mentor

VarunGrazitti I dont want to replace the icons, i want to use my icons with the exixting icons.

VarunGrazitti's avatar
VarunGrazitti
Boss
9 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
      9 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
      9 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