Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- How to increase/decrease the space between the text and play button


alt131 - 12:36 pm on Nov 30, 2011 (gmt 0)


Hi Rain_lover, as Michael says, this one is complicated by the script. If you inspect the output in firebug you can see it is injecting a class name for the link and using that to apply styles to the <a>, as well as the <em> that is also injected (amongst other things). There is a liberal use of !important, the link is positioned relatively and the em absolutely, and many of the defaults have been specified as well. Ick.

However, this is possible - although how depends on your preferences. One way (not pleasant but "do-able") would be to shift the <a> right, then move the <em> backwards to the left to create the desired space. Something like:
a.ymp-btn-page-play, a.ymp-btn-page-pause {left:7px}
a.ymp-btn-page-play em.ymp-skin, a.ymp-btn-page-pause em.ymp-skin {left:-7px !important }
(Where !important is required to override the scripted left:0) )


Thread source:: http://www.webmasterworld.com/css/4392325.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com