Remember me

how do I add new icon for fields?

6 years 8 months ago #1

  • Geleg's Avatar
  • Geleg
hi, instead of label text, I want to add my own customs made icon. How do I add new icons?

6 years 8 months ago #2

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
Hello,

For replacing label to the icon/picture,
you need to add a class (example: "custom-icon") for the field in which you want to replace
and in the custom css file of your template add the css code:
.custom-icon label:before {
    background-image: url(http://s1.iconbird.com/ico/2013/9/452/w512h4961380477090star.png);   /* Link to your picture */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 25px;
    width: 25px;
}

.custom-icon label > span {
    display: none !important;
}

Regards,
Vyacheslav, Balbooa.com
Powered by Kunena Forum