This topic is locked

CSS Image Gallery Problem

Posted 14 Nov 2010 23:58:16
has voted
14 Nov 2010 23:58:16 Dom Conrad posted:
I've incorporate CSS image gallery into a clients site as a sort of product catalogue display. See it in action at – one of several pages on the site that use it. This works fine and as expected.

I've now had to convert the site to WordPress for this client, and the conversion has gone well. However, I have lost some functionality of the CSS Image Gallery and I cannot work out why this is happening.

If you look at the equivalent new page in the Wordpress site ( you will notice that the circular arrow buttons have lost their functionality, although the thumbnails will still advance the gallery. I assume it is a problem with the path to a .js file or a js conflict, but I am at a loss to track down the problem.

Could you offer any help as to why this is happening and how I can rectify it. Many thanks in advance.


Replied 15 Nov 2010 11:26:40
15 Nov 2010 11:26:40 Patrick Woldberg replied:
Did check the site, it seems that the custom.css has some rules that breaks the image gallery.

at line 113:
.custom .format_text a:active {
  position: relative;
  top: 1px;
  color: #846e41;	

The rule positions the buttons relative causing them to go to the left top corner when pressing them. There are probably some more problems, but it seems the custom.css is where you have to search.
Replied 16 Nov 2010 12:23:31
16 Nov 2010 12:23:31 Dom Conrad replied:

You are a star - That has fixed it - it was really doing my head in so thank you.

Any idea why I get the blue keyline around the dmxGallery when active and viewed in Safari?
Replied 17 Nov 2010 11:38:44
17 Nov 2010 11:38:44 Patrick Woldberg replied:
that's an outline, try adding
.dmxGallery {
  outline: none;
Replied 03 Mar 2012 09:12:27
03 Mar 2012 09:12:27 Katheryn Fulghamd replied:
I'm trying to set up an image gallery for a website I'm making for my web design class, but it isn't cooperating. I have to follow directions in a book and it still isn't working.
Nutra Science

Reply to this topic