CSS Image Gallery Support Product Page


Moving thumbnail buttons away from thumbnail images

Asked 13 Oct 2011 15:05:58
has this question
13 Oct 2011 15:05:58 Jason Burns posted:

My client doesn't like the buttons on top of the thumbnaill images.

I have read the various discussions on this, but can't figure out how to do this.

I can move the buttons vertically away from the thumbnaill images, but I lose the mouseover border effects. See www.adrianpeacock.co.uk/new2.php for correct button position but wrong border, and www.adrianpeacock.co.uk/new.php for correct border but wrong button position.

This was done just by adding 100px to the JQuery settings height and thumbHeight:

Playing with the JQuery settings (thumbHeight, thumbPadding) seems to override any CSS settings for .dmxThumbList a.dmxNext etc, so changing height, padding, margins in the CSS file doesn't change the height of the thumbnail holder.

Any ideas on how to fix this?

Kind Regards,


(Dreamweaver CS4 on Mac


Replied 13 Oct 2011 16:06:25
13 Oct 2011 16:06:25 Miroslav Zografski replied:
Hello Jason,

Try setting the height of the thumbnail container to 107px by adding in this page:
following CSS statement:

   height: 107pxl !important;

This will move the thumbnails up, over the next and prev buttons.
Replied 13 Oct 2011 17:17:06
13 Oct 2011 17:17:06 Jason Burns replied:
Hi Miroslav,

Thanks for getting back so quick.

Your idea was spot on, but for future reference, the code needed to be

height: 107px !important;


height: 107pxl !important;

Many thanks.

Replied 14 Oct 2011 09:46:08
14 Oct 2011 09:46:08 Miroslav Zografski replied:
Hello Jason,

You are welcome... and thanks for noting my typo.
Replied 01 Nov 2023 11:43:25
01 Nov 2023 11:43:25 User  replied:
Lansing, MI 4 - Lansing's Leading Long-Distance Moving Experts for Your Convenience. long-distance movers Lansing mi 4

Reply to this topic