Home/ Questions/Q 7935953
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T22:04:15+00:00

With some help from users of this site, I’ve managed to put together this

  • 0

With some help from users of this site, I’ve managed to put together this gallery page.

You’ll see on the example page that I’m using a cross to allow a user to delete the image. The problem I’m encountering is in trying to change the icon to the jQuery UI ‘trash’ icon. I’ve found the icon in question which is .ui-icon-trash but I can’t find any instructions on how to implement this into my page.

The piece of code which deals with the icon is as below:

 .galleria-thumbnails .btn-delete {    
          display: block;  
          position: absolute; bottom : 0px;   
          width: 80px;     
          height: 80px;    
          cursor: pointer;     
          background: url(cross.png) no-repeat bottom; }

I’ve tried changing url(cross.png) to url(.ui-icon-trash) and to url(class=.ui-icon-trash) without any success. I also, if possible like to centre the icon as opposed to it’s current position of off-centre.

I just wondered whether someone could perhaps have a look at this and let me know where I’m going wrong.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You cannot do this, you must use HTML code like this :

    <span class="ui-icon ui-icon-trash"></span>

    This will display the trash icon.

    There isn’t a “trash” picture as an icon file. All the icons are stored in one big “sprite” picture file, and then some CSS rules are applied to display only the requested icon.

    • 0