Put the image in a custom location, outside of the My Calendar directory, then reference it as a background image on the link inside of directly calling it, so you can use it from your stylesheet. That’s the only way to handle that, right now.
Thank you a lot for your time Joe.
I’ve changed the location and referenced it as a background image in my own stylesheet, it’s ok it appears, but the original image “my-event-close.png” is still there too. Do I have to change something in the my-calendar-output.php file to make it disappear ?
You should also be able to use CSS to hide the existing image.
actually I set the background-image in the .close class of my stylesheet, so if I tell this class “display: none”, my own image disappears too. I’m sorry I’m not a css and php wizzard and perhaps I haven’t well understood the sentence “then reference it as a background image on the link”… Anyway I don’t want to waste your time, so thank you for your answers though ! regards
What you’d want to do is set the background on the anchor with class ‘.close’, as you did, but set the hidden element to be the img inside that anchor:
.close img { position: absolute; left: -999em; }
I set the image to be displayed off screen rather than hidden completely so that the ‘Close’ alternative text for the image is still available for users with screen readers.
You may also need to set dimensions on the .close class, so that your image will show up after the contents of the class are moved off screen:
.close { width: 16px; height: 16px; }
Thank you ever so much for your precious lines, I wouldn’t have found the soluce without your help, you’re very kind and generous, have a good day.
