Blue Well-known member May 12, 2012 #1 What style property controls the color of the x in dismiss notice?
DBA Well-known member May 12, 2012 #2 Blue said: What style property controls the color of the x in dismiss notice? Click to expand... Pretty sure that that's an image. Upvote 0 Downvote
Blue said: What style property controls the color of the x in dismiss notice? Click to expand... Pretty sure that that's an image.
Jake Bunce Well-known member May 12, 2012 #3 Yep. It's part of this sprite image: http://xenforo.com/community/styles/default/xenforo/xenforo-ui-sprite.png If you want to specify different images then you can use some custom CSS: Admin CP -> Appearance -> Templates -> EXTRA.css Code: .DismissParent:hover .DismissCtrl { background: transparent url('path/to/regular.gif') no-repeat 0px 0px; } .DismissParent:hover .DismissCtrl:hover { background: transparent url('path/to/hover.gif') no-repeat 0px 0px; } .DismissParent:hover .DismissCtrl:active { background: transparent url('path/to/active.gif') no-repeat 0px 0px; } Upvote 0 Downvote
Yep. It's part of this sprite image: http://xenforo.com/community/styles/default/xenforo/xenforo-ui-sprite.png If you want to specify different images then you can use some custom CSS: Admin CP -> Appearance -> Templates -> EXTRA.css Code: .DismissParent:hover .DismissCtrl { background: transparent url('path/to/regular.gif') no-repeat 0px 0px; } .DismissParent:hover .DismissCtrl:hover { background: transparent url('path/to/hover.gif') no-repeat 0px 0px; } .DismissParent:hover .DismissCtrl:active { background: transparent url('path/to/active.gif') no-repeat 0px 0px; }
Blue Well-known member May 12, 2012 #4 Anyway to shift this one around a bit? The x with the red background would work fine. Upvote 0 Downvote
Jake Bunce Well-known member May 13, 2012 #5 Blue said: Anyway to shift this one around a bit? The x with the red background would work fine. Click to expand... This will use the red X for all states (hover, active, and regular): Code: .DismissParent:hover .DismissCtrl, .DismissParent:hover .DismissCtrl:hover, .DismissParent:hover .DismissCtrl:active { background-position: -112px 0; } Upvote 0 Downvote
Blue said: Anyway to shift this one around a bit? The x with the red background would work fine. Click to expand... This will use the red X for all states (hover, active, and regular): Code: .DismissParent:hover .DismissCtrl, .DismissParent:hover .DismissCtrl:hover, .DismissParent:hover .DismissCtrl:active { background-position: -112px 0; }