• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
X close button for retina displays

X close button for retina displays

zagorskey

Active member
#1
zagorskey submitted a new resource:

X close button for retina displays - Lose an image, save request, make it look even better

Close button looks blurry on zoom-in when on touch device? Not anymore. Just add this to your EXTRA.css

Code:
.xenOverlay a.close
{
    top: 8px;
    right: 8px;
    width: 23px;
    height: 23px;
    background: #2e5660;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align:center;
    }

.xenOverlay a.close:before
{
    content: '×';
    color: #fff;
    font: 32px/24px Arial;
}
The '×' is a rare symbol that not many people take advantage of and they should.

You can...
Read more about this resource...
 

Russ

Well-known member
#4
I think you may need to remove the background image called via:

overlayCloseControl (admin cp search) or else it still loads the image as far as I'm aware. But it's a nice modification we've been doing it to some of our work lately.