Indexhibit Support

Howdy dear forum members,

As the title of my thread suggests, I am having problems in styling image links differently from text links.

More specifically, in text links, I am simulating an underline with a border of 1px, plus adding a background color on roll-over. Well, this styling is applied to images in the exhibit section as well, since they appear to be treated as links, and there is no specific class for link images where to change settings in the css: only a generic "link" class, that wraps both text and image links.

Declaring something like

#exhibit a:hover img {
background: transparent !important;
}

or

#exhibit a:link img {
border: none;
background: transparent !important;
}

does not seem to work.

Anybody has an idea of how should I do to style image links in the exhibit section differently from text link? I did a search on the forum, but could only find people with the same problem and no working solution. Like here: indexhibit.org/forum/thread/17423/

My website can be found at aspectacularmachine.com

Thank you

1. #exhibit #img-container a img { ... }

Might work. Targeting these is the hard part and sometimes it will take some effort.

Using something like Firebug in edit mode you can quickly try out many things until you find what works...