Css/html Help Needed

npl · 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.

dcatt · 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).

Hairy DJ · 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>

Sign In

Css/html Help Needed

Recommended Posts

npl

dcatt

Hairy DJ

Create an account or sign in to comment

Create an account

Sign in

HelioHost

Donate

Forums

Activity