Page 1 of 1
Image Description Opaque
Posted: 08 Oct 2016, 20:20
by 4voytek
Dear Knowledgeable Phoca Gallery Programmer,
0. What i have done is setting up it_the_lodge3 joomla template (free trial), which includes a phoca gallery.
1. Everything works fine.
2. What i want to do is to set image description of the phoca gallery, which is displayed in various pop-up boxes, to fully opaque. In other words I want to get rid of transparency feature completely when it comes to the image description.
How can i do the above?
Truly indepted and grateful in advance!
Re: Image Description Opaque
Posted: 09 Oct 2016, 20:21
by Jan
Hi, just try to find the item which you want to change with e.g. Firebug (Firefox - Firebug) and then stylize the part in the template CSS
Jan
Re: Image Description Opaque
Posted: 10 Oct 2016, 01:09
by 4voytek
Thank you for taking time to reply. I followed your suggestion and i could not find anything that says "trasparent". The problem remains.
Let me be more specific of the element i want to be fully opaque. The element in question is "description" : "lightbox" :
System>Global Configuration>Phoca Gallery>Detail View>Description Settings>Display description in detail view: "show (lightbox)" - i want it to be opaque so that it covers the image in the popup box.
Perhaps you could point me to the the exact css file and tell me how to do it?
Maybe you might suggest another way of achieving what i want to do. I want to display the iframe that is not transparent in the popup box while maintaining image thumbnails.
Re: Image Description Opaque
Posted: 11 Oct 2016, 12:26
by Jan
Hi, the id is : "#description-msg"
and you can find it in media\com_phocagallery\css\main\phocagallery.css
where you can change FROM:
Code: Select all
#description-msg{
font-size:83%;
text-align:left;
margin:0;padding:0;
position:absolute;
bottom: 0px;
left:0px;
right:0px;
background-color: #000;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity:0.6;
z-index:1000;
width:100%;
}
TO:
Code: Select all
#description-msg{
font-size:83%;
text-align:left;
margin:0;padding:0;
position:absolute;
bottom: 0px;
left:0px;
right:0px;
background-color: #000;
z-index:1000;
width:100%;
}
to not have the background transparent.
Jan
Re: Image Description Opaque
Posted: 13 Oct 2016, 17:45
by 4voytek
Thanks a lot, it works as intended! Not only are you a phoca hero but also a HeMan!
Re: Image Description Opaque
Posted: 14 Oct 2016, 18:47
by Jan
Ok