XenForo Tutorials

X-Close Button For Retina Displays

Submitted by Oxygen, , Thread ID: 16052

Thread Closed
Oxygen
<div class="postbit-usertitle">
Prime
Level:
0
Reputation:
35
Posts:
608
Likes:
63
Credits:
1.47K
23-12-2015, 01:46 PM
Working Not Working Link Down
#1
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.
[Image: UeTXrZ5.png]

RE: X-Close Button For Retina Displays

suckling
Newbie
Level:
0
Reputation:
0
Posts:
15
Likes:
0
Credits:
19
20-05-2017, 01:09 AM
#2
This plugin works wonders.

RE: X-Close Button For Retina Displays

Qifesh
Closed Account
Level:
0
Reputation:
0
Posts:
10
Likes:
0
Credits:
10
13-08-2017, 07:09 PM
#3
THXX OMGGGGGGGGGGG ITS WORKSS!!

Users browsing this thread: 1 Guest(s)