Abh Posted June 6, 2010 Share Posted June 6, 2010 Hello, I'm looking to move the bottom links on the outside or inside of the picture and replace them with arrows. Problem is, i've been looking through the code for 3-4 hours now and still can't figure out what exactly places those links there, and therefor how to move them. TB_next and TB_prev are inside a div called TB_caption, but the entire javascript code is over my head. Any suggestions are welcomed. Link to comment Share on other sites More sharing options...
Abh Posted June 7, 2010 Author Share Posted June 7, 2010 just in case someone will want to do the same thing, i found a solution in thickbox.css:this hides the text: #TB_next {text-indent: -9999px; line-height: 9999px;} #TB_prev {text-indent: -9999px; line-height: 9999px;} and this covers half the page each image, the gifs are 300x600px and i have some arrows on them: #TB_next a, #TB_next a:visited {display: block; position:absolute; top:0; right:0; width:50%; height:92%; z-index:999;text-align:right; background:url(../themes/busgirls/img/next.gif) no-repeat;} #TB_prev a, #TB_prev a:visited {display: block; position:absolute; top:0; left:0; width:50%; height:92%; z-index:999; background:url(../themes/busgirls/img/prev.gif) no-repeat;} Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now