Page 1 of 1

Awful bar on bottom of modal-box icons

Posted: 19 Nov 2013, 21:32
by f.gruber
After upgrading joomla from 1.5 to 2.5 and installing phoca gallery 3.2.6 i get a green colored bar on bottom of each icon link in detail view (modalbox). This bar only appears, when the mouse-pointer moves over the icons.

I use the beeze_20 template. I see that the color of the bar comes from the CSS of the template.

I tried many CSS changes but it did not help. Can that be caused by javascript?
I cannot find how to change this. Please look at the screenshot:
Image
Thank you in advance for help.

Re: Awful bar on bottom of modal-box icons

Posted: 20 Nov 2013, 02:48
by Jan
Hi, this seems to be the a:hover effect in beez, such needs to be removed in the template. There is some code in component to try removing such effects, but the last loaded css is a template css, so such has the highest priority and the "a:hover" effect (I think, it is a background attribute) needs to be changed in the template css :idea:

Jan

Re: Awful bar on bottom of modal-box icons

Posted: 20 Nov 2013, 23:02
by f.gruber
Jan wrote:... the "a:hover" effect (I think, it is a background attribute) needs to be changed in the template css :idea:Jan
Hi, thank you for your hint.
I added the following line into nature.css in the beez_20 template. This solved the problem. It had no effect in the template.css. Don't know why.

Code: Select all

.pg-imgbgd a:hover { background:none !important; }
But I think, a better solution is, to put it into phocagallery.css in the component directory. This worked for me.
Best regards
Ferdinand

Re: Awful bar on bottom of modal-box icons

Posted: 23 Nov 2013, 16:34
by Jan
Ok, thank you for the guide.

Jan