npl Posted December 18, 2011 Share Posted December 18, 2011 I have a image gallery in one of my site and for the life of me I can not figure out how to center the thumbnails underneath the main image. Its not in the settings, and I can't find anything about in the css. Any one have any ideas? http://borealtrek.co...ic-projections/ Also the plugin, for wordpress I am using requires me to include this tag [thethe-image-slider name=Slider2] in order to add galleries to posts. This tag shows up in the side bar under "most viewed" If you go on any page for that matter you will notice it to the left. Thanks for the help if you have any. Don't feel obliged to help I ask way to many questions on this forum. These thumbnails need to be centered. ^^^^^^^ This [thethe-image-slider name="Slider2"] ^^^ needs to go. Quote Link to comment Share on other sites More sharing options...
dcatt Posted December 19, 2011 Share Posted December 19, 2011 Hey there. If you add the following to your custom.css (or wherever you want for that matter), the thumbnails should be centred. .thethe-image-slider-thumbnails { position: relative; float: right; left: -50%; overflow:visible !important; } .thethe-image-slider-thumbnailsunder { overflow:visible !important; } .thethe-image-slider-thumbnails-inner { position: relative; left: 50%; } .thethe-image-slider-thumbnails-thumb { position:relative; float: left; } I've only tested in the latest Chrome though. The technique used is from http://www.pmob.co.u...ntred-float.htm. Hope it provides a starting point at least. It's always hard to dig through the rubbish code that the plugin generates (so many 'the's!!). As for the shortcode in the excerpt, I haven't found a solution, but the fault is obviously either with the popular widget code or the gallery plugin itself (but I guess that's nothing new). Quote Link to comment Share on other sites More sharing options...
Hairy DJ Posted February 3, 2012 Share Posted February 3, 2012 <html> <head> <title></title> <style> /* single image */ .centerimg {display: block; margin-left: auto; margin-right: auto} /* several images; need image widths */ .centerimg2 { margin-left: auto; margin-right: auto; background-color:blue; width:1110px} </style> </head> <body bgcolor="#FFFFFF"> <img src="jimsanborn_Horse-Valley-Utah-IV2.jpeg" class="centerimg"> <div class="centerimg2"> <img src="jimsanborn_Horse-Valley-Utah-IV2.jpeg"> <img src="jimsanborn_Horse-Valley-Utah-IV2.jpeg"> </div> </body> </html> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.