URL : http://www.yashwant.ens.org.in/photos

Here, There is a Gallery. But it is not shown. If we use firebug and check, it is visible. But a UL tag's css from some other css is conflicting with this.

<div class="sigplus-gallery sigplus-center" id="sigplus_photos">
<ul style="visibility: hidden;">
<li>
.
.
.

Here, bolded text is what is making the gallery not appear. In firebug, I removed it and gallery appears. But I'm not able to find that and remove in files or not able to come over the conflict.

Can some one help me with this please?

if u keep <ul style="visibility: visible">

then u can see the gallery or else u can also add this styling in ur css file under

div.sigplus-gallery > ul
{
....
visibility:visible !important;
}

it will also solve ur problem

Hello,

Thanks for the help. It made it visible. But still due to some conflict, it does not function properly.

http://www.yashwant.ens.org.in/photos

As you can see here, it is all visible with no style. It does not give jquerry popup, etc.

You can see a working version at http://www.joomlaworks.gr/content/view/51/41/

So this is also working in my another site perfectly. Just here due to some conflict the border, etc parameters are not shown at all.

Can you please help me get the complete working version. Please guide me.

regarding the popup chk if u defined the relation tag properly for a link <a href="".... rel="lightbox[]...">

and regarding the border u can defined in CSS again in this class

div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img
{
border:4px solid #333333;
..}

Hello,

Thanks for quick reply. It does not just have these. It has more css in a separate file completely. So my doubt is what is that conflict that creates this problem or how to solve it? Because I am not sure on how we can get it work like normal by adding css one by one.

Your suggestions are appreciated. Do you have a messenger ID?

mostly classes defined are given !important is conflicting so either u have to use the appropriate class and remove unneccessary use of '!important' and u can do all the changes under this file


<link rel="stylesheet" href="/photos?jat3action=gzip&amp;type=css&amp;file=t3-assets%2Fcss18.css&amp;v=9" type="text/css" />


u can post ur query here so if anyone else having problem can also see the solution.

Hi, Check now : http://www.yashwant.ens.org.in/photos

I had gzip and file compress. Now that those are gone, still another class of another module comes in to play and conflicts.

Can you solve these if I provide the FTP?

Or how can I solve this? Please guide me...

yes as i stated before the '!important' is creating the problems rt now the border for images are defined in following classes.

sigplus.css (line 33)

div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img {
border:0 none transparent !important;
margin:2px !important;
padding:0 !important;
}

k2.css (line 17)

img {
border:medium none;
}

so just update the sigplus.css class with the appropriate border style u want under
e.g:

border:2px solid #xxx !important;

it might solve ur problem