Rogelio's picture

Hi, i have this code for replace the flag link for an image

.flag-report a {
  padding-left: 20px;
}
.flag-report a.flag-action {
  background: url(http://mysite.com/files/report1.png) no-repeat left center;
}

.flag-report a.unflag-action {
  background: url(http://mysite.com/files/report2.png) no-repeat left center;
}

(report is the machine name of the flag)

but, the text link still there even after flush cache, i was using this same code when drupal and it was working fine, do i have to change anything for Backdrop?

Comments

Rogelio's picture

I have found this code and works correctly

.flag-report a {
  padding-left: 20px;
}
.flag-report a.flag-action {
  background: url(http://website.com/icons/report1.gif) no-repeat left center;
  width: 50px;
  height: 30px;
  display:block;
  text-indent:-9999em;
}
.flag-report a.unflag-action {
  background: url(http://website.com/icons/report2.gif) no-repeat left center;
  width: 50px;
  height: 30px;
  display:block;
  text-indent:-9999em;
}