Joomla Templates Club 406,261 posts

[presto Friend prestoJoin date: August 2012Posts: 26Downloads:0Uploads:4 Thanks: 7 Thanked: 2 times in 1 posts]

#199416

My site is using the pongstagram plugin for instagram. This plugin has a shadowbox effect take place when the user clicks on a photo. The modal shadowbox effect is being blocked by the template somehow. Can you please offer som advice on how I can stop this blocking of the info on thumbnail click?

Here is the dev link:
http://trapfirebrothers.com/index.php/trapfire-photos

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#541219

Did you make a lot of changes on the bootstrap.css

Please let me know this to provide a solution. since without knowing this I might override the existing code changes you have made.

do you want something like this?

---

Attachments:

1. 

[presto Friend prestoJoin date: August 2012Posts: 26Downloads:0Uploads:4 Thanks: 7 Thanked: 2 times in 1 posts]

#541239

I have not made any changes to bootstrap.css. I have added custom.css, but that is it. Yes, the screenshot you provided is what I would like. How can I adjust this?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#541323

can you please post me your admin details via PM. so i can check into your code. The issue is more than one bootstrap css is available on a page and so overlapping each other. Need to fix this. please send me the Code.

[presto Friend prestoJoin date: August 2012Posts: 26Downloads:0Uploads:4 Thanks: 7 Thanked: 2 times in 1 posts]

#541435

Just sent the message, thanks.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#541467

Go to this File: /templates/ja_appolio/css/template.css

Add this code

.modal-open .modal {
left: 50% !important;
height: 80% !important;
}

.modal-open .modal .modal-comments .modal {
height: 80% !important;
}

.modal-open .modal .modal-header .close {
top: 5px !important;
}

.modal-open .modal .modal-img{
height: 80% !important;
}


Go to this File: /templates/ja_appolio/css/bootstrap.css

Remove this code

.hide{display:none !important}


1 user says Thank You to chavan for this useful post

1. presto

[presto Friend prestoJoin date: August 2012Posts: 26Downloads:0Uploads:4 Thanks: 7 Thanked: 2 times in 1 posts]

#542337

Thanks, the modal transition works, but the problem is not 100% solved. As you can see here:

http://trapfirebrothers.com/index.php/trapfire-photos-2

when you click on any of the images you get the correct details. On the other hand, when you click on the same page with the Apollio page:

http://trapfirebrothers.com/index.php/trapfire-photos

The first image will show time and time again when you click on multiple thumbnails after closing the shadowbox. Does this make sense? How can I fix this display issue in the Appolio template?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#542349

Can you please contact the pongstagram developer on this, since the dynamically created DIV is not removed when you click on the new images.

Please ask them to look at this. they would know what the issue. It would help us too resolve this too.

[Author]

Posts