Rogelio's picture

Posted by Rogelio on Sat, Nov 09, 2019 - 6:19pm --- Updated: Nov 09 '19 - 6:49pm

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

Tue, Nov 19, 2019 - 7:47am by Rogelio

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;
}