• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 43
  • Last Modified:

Modal image problem

I have developed a modal image on this page. It is the color diagram showing a hot water circulator installation in a home. However, it will not function properly. When you click on the image, it opens for a second or so, is not the correct set width and after a second or two it zooms top right and disappears. Tested on Chrome and Safari Mac. Can you identify the problem? All the code is in the page. It uses CSS in the head and javascript in the page.

https://www.dallasplumbing.com/hot-water-circulator.html

Thanks for your time.
0
weknowjack
Asked:
weknowjack
  • 2
1 Solution
 
Snarf0001Commented:
The style being used isn't just in the head.  You're also reading in a stylesheet "style-aa.css".
Which has it's own series of classes for ".modal" (line 534).
The styling in that one also has an animation applied which is what's sending it over to the top corner.
0
 
weknowjackAuthor Commented:
I forgot that was there. Should have checked that. Got it working. Thanks much.
0
 
Alicia St RoseOwner & Principle Developer/DesignerCommented:
weknowjack, don't forget to give Snarf0001 the points! ;)
0
 
Alicia St RoseOwner & Principle Developer/DesignerCommented:
I don't normally do this, but I was alerted to help close this question. So, I awarded the points to the individual who provided the solution even though I'm not the Asker.

Is there anyway to remind folks that this whole shindig works on a point system?
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now