XenForo Tutorials

X-Close Button For Retina Displays

Submitted by Oxygen, 23-12-2015, 01:46 PM, Thread ID: 16052

Thread Closed

23-12-2015, 01:46 PM

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.

Users browsing this thread: 1 Guest(s)