Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Aalia Naz
Aalia Naz
5,854 Points

jQuery-Lightbox

Code is not working properly.. Don't know what is the problem with my code. Problem is in the overlay. Screen should fade out but its not working.

https://teamtreehouse.com/workspaces/5924372

Marcus Parsons
Marcus Parsons
15,719 Points

Hey Aalia,

When posting Workspaces code, be sure to do it in a snapshot. Those URLs like the one you posted are for you personally when you load your workspace.

http://www.teamtreehouse.com/forum/workspace-snapshots

5 Answers

Marcus Parsons
Marcus Parsons
15,719 Points

Aalia,

The screen doesn't fade out because somehow a very critical property was converted into another property. Within "style.css" in the "#overlay" selector, the property that currently says "right: 0;" should be "top: 0;". The reason why is because the overlay will be pinned to the upper left corner ("top: 0" and "left: 0" properties together) of the screen and then spread to the rest of the screen because of its 100% width and 100% height.

#overlay {
  background: rgba(0,0,0,0.7);
  height: 100%;
  width: 100%;
  position: absolute;
  /* changed right: 0 to top: 0 */
  top: 0;
  left: 0;
  display: none;
}
Aalia Naz
Aalia Naz
5,854 Points
Aalia Naz
Aalia Naz
5,854 Points

https://w.trhou.se/6dgrysr6jg

Aalia Naz
Aalia Naz
5,854 Points
Aalia Naz
Aalia Naz
5,854 Points

thanks for suggestion.. :) please help me to sort out code.. :(

Aalia Naz
Aalia Naz
5,854 Points
Aalia Naz
Aalia Naz
5,854 Points

thanks it works.. :)

Marcus Parsons
Marcus Parsons
15,719 Points

You're very welcome, Aalia! I'm glad it works. :) Happy Coding!

Marcus Parsons
Marcus Parsons
15,719 Points

Did you accidentally unmark my answer as best answer as well?

Aalia Naz
Aalia Naz
5,854 Points
Aalia Naz
Aalia Naz
5,854 Points

ooppsss.. yes.. sorry..

Marcus Parsons
Marcus Parsons
15,719 Points

No worries :P