Where Is #img-container a:hover in 2.0?

britagranstrom / 2012-11-14 01:40:47   

i have a background colour applied to my links but I need to be able to remove that colour from beneath my images (it shows up as an underline).

in style.css in Legacy this was easy enough to do via "#img-container a:hover"

but how do i do this in 2.0? there appears to be no "#img-container a:hover"
i'm no genius, so i hope someone can let me know.

thanks

arsondpi / 2012-11-14 07:52:07   

I can't tell from the top of my head. I use firebug/and or the Inspect element (right click) option with my browser to spot specific css selectors. So can you post an address?

britagranstrom / 2012-11-14 16:16:36   

when you've taken a look could you remove the password from the post above please?

arsondpi / 2012-11-14 22:32:42   

Did you try:

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

britagranstrom / 2012-11-15 03:14:55   

no that didn't work because this problem is specific to images that are links in the exhibit area when links have a hover background colour. when i tried what you suggested my text links no longer had their hover colour.

so i tried adding the following to the area in style.css which says
/* links styles only for the #exhibit region */

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

but that didn't work either.

i also tried background-color: #FFFFFF
again, that didn't work.

it would be great if you are able to help arsondpi.
thanks.

arsondpi / 2012-11-15 07:53:15   

I tried many things but couldn't figure this out.
I guess you could use a class to wrap image links...

  1. <a href='url_here' class='no_background'><image src='url_here' /></a>

and in your style.css

  1. #exhibit a.no_background { background: transparent none; }
britagranstrom / 2012-11-16 00:58:31   

OK thanks, I'll try...

This thread has been closed, thank you.