Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Joe Dolson

    (@joedolson)

    I’d suggest moving it off screen using CSS and replacing it with a background image.

    Thread Starter nirgalo

    (@nirgalo)

    in case it helps someone else, my workaround is as follows:

    #jd-calendar .mc-close img {
    	display:none;
    }
    
    #jd-calendar a.mc-close {
    	background:url("close-button-replacement.png");
    	margin:8px;
    }

    Plugin Author Joe Dolson

    (@joedolson)

    For the record, using display:none instead of moving it off screen does mean that you’re breaking the accessibility of the button; users with screen readers won’t know what the button does. I do strongly recommend moving it off screen instead:

    #jd-calendar .mc-close img {
    	position: absolute;
    	left: -999em;
    }

    (Or right, if you’re on a right-to-left reading language.)

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Replacing Close icon’ is closed to new replies.