Replacing Close icon

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

    (@joedolson)

    11 years, 5 months ago

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

    Thread Starter nirgalo

    (@nirgalo)

    11 years, 5 months ago

    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)

    11 years, 5 months ago

    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.