1

[Hendryk]

Hendryk

#3109

Hello,

first of all a brief “thank you” for the great update. (Comments on Status- or Video posts are a great thing that was missing before).

My Problem since I updated to Graphene v1.6: Images or other content I present in a “Shadowbox” don’t get displayed correctly anymore. The top menu bar (the one just below the header image) is displayed “above” the overlay of the Shadowbox.

For an example: http://www.hollbeck.net/autor, click on my author-image. Second: http://www.hollbeck.net/roman/das-dunkle-ich/leseprobe/, click on the book-image. It should open a flash-application in a shadowbox.

Strangely in Google-Chrome the flash app is displayed correctly after a while loading, but the problem with pictures (first example) persists.

I don’t really know where to begin to search. Maybe you will have a solution? That’d be great. 🙂

[Hendryk]

Hendryk

#23408

oh, I forgot to write: In Firefox, both image and flash app are affected.

[Syahir Hakim]

Syahir Hakim

#23409

Add this to the Custom CSS option, for now:

#header-menu-wrap {

z-index: 100;

}

[Hendryk]

Hendryk

#23410

Thank you a lot for that quick help – that solved it for me now.

[Hendryk]

Hendryk

#23411

I correct myself, it does NOT solve the problem, as it causes another issue: if I use that custum CSS, the header menu sub-items are not accessible, if using the slider on the start page 🙁

[Anonymous]

Anonymous

#23412

Looking at your Code you have

#header-menu-wrap {

background: url("images/sprite_h.png") repeat-x scroll left -3px #101010;

position: relative;

z-index: 1000;

}

You need z-index:100 not 1000.

[Hendryk]

Hendryk

#23413

Yes, I’ve removed the custom CSS again, as the menu bar is the primary navigation in my website and thus more important than some pictures displayed. right now the theme is back to what it was before (theme default).

z-index:100 did cause that the drop-down menus don’t work on the home page – as soon the mouse would hover over the slider-section.

–> might it help to set a different “z-index” than 100? I’m not used to CSS-modifications so much, so I have no idea how to fix it. In the previous Version of Graphene it was not a problem.

[Anonymous]

Anonymous

#23414

Not quite sure what your saying, all z-index is the order of stack element, the higher the stack of index the more its likely to be at front of the elements.

As for your flash book try this

#sb-container {

z-index: 1000;

}

Set your Menu to

#header-menu-wrap {

z-index: 100;

}

[Hendryk]

Hendryk

#23415

I did that just now, adjusting both z-indexes. The result was the same: The Shadowboxes (both image and flash) do work like this, BUT on the homepage resp. index page (www.hollbeck.net), it was impossible to click on some of the lower submenu-items (I marked yellow on this screenshoot: http://dl.dropbox.com/u/51068048/menu-slider.JPG ).

The temporary fix for me now is ONLY

Code:

#sb-container {
z-index: 1000;
}

without touching the z-index of

Code:

#header-menu-wrap

. Now it all seems to work as before the update to Graphene 1.6. (At least I didn’t find yet any bugs connected with this anymore.)

I assume the

Code:

#sb-container

is though provided by the Shadowbox-JS Plugin? I hope there will be a better fix for this in the next update of the theme, as it had worked before without custom CSS for the plugin 😉

[Syahir Hakim]

Syahir Hakim

#23416

I’m working on a proper solution for this. Hang on and sit tight.

—

Sent via Android using Tapatalk. Please excuse my brevity.