Shuttershot Theme Prob

Do you have a section of the dashboard named, “Custom CSS” or “Edit CSS”?

In that section, add this:

#jquery-overlay {
 z-index: 200;
} 

#jquery-lightbox {
 z-index: 201;
}

I did ask whether you had a Custom CSS section or Edit CSS.

Unfortunately you’re going to have to use !important on your styles because the fancybox CSS is loaded after your CSS and overrides it.

Use:

#jquery-overlay {
 z-index: 200 !important;
} 

#jquery-lightbox {
 z-index: 201 !important;
}

When your Shuttershot theme updates (assuming that’s what you’re using), it’ll overwrite your CSS modifications if you’ve made them to the theme’s files. The Custom CSS Manager is a plugin and therefore is not affected by theme updates. It is also loaded after your main stylesheet and helps override styles.