a bit of a problem with Album Select - how to remove drop-shadows?

kasmoie

Joined: 2007-04-21
Posts: 20
Posted: Sat, 2007-04-21 08:16

I hope I'm posting this in the right place, if I'm not I apologize-- I'd love it if I could be re-directed.

I'm having a small issue with the Album Select module. The images that make up the lines and folders in the module have drop shadows behind them and I have no idea how to get rid of them without taking drop shadows off of everything else. Any brilliant ideas on resolving this issue would be greatly appreciated. Here's a link to my gallery, you'll understand the problem if you see it:

http://www.iamkosta.org/blog/wp-gallery2.php

Many many thanks.
-Kosta

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sat, 2007-04-21 22:38

your wpg2.css is causing the issue:

img 
{
	background:url(img/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:0;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
}

All images on your page have a background shadow. and a border.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
kasmoie

Joined: 2007-04-21
Posts: 20
Posted: Sun, 2007-04-22 00:38

Brilliant! I don't know how you figured that out so fast. I wish I knew how to do debug my style sheets more effectively.

oop, it fixed most of the issue but a background shadow still remains on one of the icons. I changed this:

a:active img {
border:none;
background:none;
padding:none;
{*background:url(img/shadow.gif) no-repeat right bottom;*}
padding:4px 10px 10px 4px;
border-top:#eee 1px solid;
border-left:#eee 1px solid;
}

and it fixed it, but it took the background shadow off of every image in the gallery. Any ideas?

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sun, 2007-04-22 01:06
Quote:
I wish I knew how to do debug my style sheets more effectively.

I have found 2 tools that are invaluable the firefox browser and the web development tool that allows you to Make live edits to the CSS of a web page..
Once you have them both installed....
select edit css and under the 'information' dropdown check display ID & class details.
Edit your CSS and you will see the results. Once you have this the way you want, upload your edited css to the server.

Quote:
but it took the background shadow off of every image in the gallery. Any ideas?

All images should not have a shadow image,
What images are you talking about? You should use frames around the thumbs. There is a setting in edit album -> theme tab, image frames
http://codex.gallery2.org/Gallery2:Modules:imageframe

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
kasmoie

Joined: 2007-04-21
Posts: 20
Posted: Sun, 2007-04-22 23:37

Thank you so much for the tip. I've got the web development tool and life just got so much easier. I have another question for you:

In internet explorer when I hover my mouse over any part of the gallery every single piece of text becomes underlined. I've done a lot of playing to see if I could get rid of it but nothing seems to fix it.

Any ideas? I've spent a couple of hours finagling with it, it's a bummer the web development toolbar doesn't work when I change the rendering engine to IE.

Thank you again and again for your expertise.

http://www.iamkosta.org/blog/wp-gallery2.php

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Mon, 2007-04-23 02:08

wpg2.css remove

a:hover, a:active {
	border-bottom:#963 1px solid;
}

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
kasmoie

Joined: 2007-04-21
Posts: 20
Posted: Mon, 2007-04-23 06:25

I thought that was the issue also but when I removed it the only thing that changed was the hover underlining of links in the header-- everything else stayed the same though. I have no idea what it is.

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Mon, 2007-04-23 13:45

theme.css

#gallery a:hover {
   text-decoration: undeline;
    color: #f4560f;
}

change to

#gallery a:hover {
   text-decoration: none;
    color: #f4560f;
}

use the force/tool Luke

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
kasmoie

Joined: 2007-04-21
Posts: 20
Posted: Tue, 2007-04-24 01:58

force/tool? Like Luke skywalker? haha

Well I tried what you said and it just made the underlines go away, all of the text still changes to orange when I move my cursor into the gallery. This is the strangest thing I've ever encountered...

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Tue, 2007-04-24 02:44
Quote:
Well I tried what you said and it just made the underlines go away,

is not that what you asked to be fixed?

Quote:
underlining of links in the header-- everything else stayed the same

you have never mentioned the orange so assumed that is what you wanted.

Dave
_________________________________________
Blog & G2 || floridave - Gallery Team

 
kasmoie

Joined: 2007-04-21
Posts: 20
Posted: Tue, 2007-04-24 07:58

sorry bout that, let me be a bit more specific:

I would like the webpage to behave the same in IE as it behaves in firefox.

In firefox when the mouse hovers over a link it turns orange and is underlined. In IE when the cursor goes anywhere in the gallery--even places where there are no links-- almost all of the text turns orange and is underlined.

Thank you so much for your help thus far, I hope you know that it is greatly appreciated.
-Kosta