Hi, I have the customize button next to add-to-cart button on product page. I set it to open in Lightbox when customer click it. But when the Lightbox opened full screen, the lightbox was behind the Header and the button X is at the top overlayed with the Header. Is there anyway I can fix it? Thank you.
And also my featured product images was big and after I pressed Done on customization, it resized to a small images. I can't seem to find solution for it.
1)The first issue can usually be solved with some custom CSS to increase the z-index of the lightbox and decrease the z-index of the header a little - if you do need help with this please open a support ticket and send a link to a page with the issue. Custom CSS is added via the UI & Layout Composer.
2) Your designer stage is big enough, so that the generated image has the same/ larger dimensions? Other than that this can also be caused by a third-party gallery plugin/ theme.
0 Votes
5 Comments
Sorted by
M
M Wernerposted
over 2 years ago
Hi all, I am also interessted in the CCS code for z-index. I have the same problem with overlay of the header to the lightbox. Can FPD team please help?
0 Votes
S
Socratis Vasiliouposted
about 3 years ago
I have the same exactly issue.. light box appears behind header.. can someone please show us the css that increase the lightbox z-index please?
0 Votes
Z
Zanposted
over 3 years ago
This would be useful for me too!
0 Votes
J
John McConeglyposted
about 7 years ago
Could someone shed a little more light on how to code the custom CSS so that the z-index of the lightbox is increased and the z-index of the header is decreased? I am having the same problem with my lightbox being behind the header. Writing custom CSS is not my strongpoint :) Thanks
0 Votes
D
Deleted Agentposted
over 7 years ago
Answer
1)The first issue can usually be solved with some custom CSS to increase the z-index of the lightbox and decrease the z-index of the header a little - if you do need help with this please open a support ticket and send a link to a page with the issue. Custom CSS is added via the UI & Layout Composer.
2) Your designer stage is big enough, so that the generated image has the same/ larger dimensions? Other than that this can also be caused by a third-party gallery plugin/ theme.
Hi, I have the customize button next to add-to-cart button on product page. I set it to open in Lightbox when customer click it. But when the Lightbox opened full screen, the lightbox was behind the Header and the button X is at the top overlayed with the Header. Is there anyway I can fix it? Thank you.
And also my featured product images was big and after I pressed Done on customization, it resized to a small images. I can't seem to find solution for it.
Attachments (1)
ss _282016-1....png
43.8 KB
0 Votes
Deleted Agent posted over 7 years ago Best Answer
1)The first issue can usually be solved with some custom CSS to increase the z-index of the lightbox and decrease the z-index of the header a little - if you do need help with this please open a support ticket and send a link to a page with the issue. Custom CSS is added via the UI & Layout Composer.
2) Your designer stage is big enough, so that the generated image has the same/ larger dimensions? Other than that this can also be caused by a third-party gallery plugin/ theme.
0 Votes
5 Comments
M Werner posted over 2 years ago
Hi all, I am also interessted in the CCS code for z-index. I have the same problem with overlay of the header to the lightbox. Can FPD team please help?
0 Votes
Socratis Vasiliou posted about 3 years ago
I have the same exactly issue.. light box appears behind header.. can someone please show us the css that increase the lightbox z-index please?
0 Votes
Zan posted over 3 years ago
This would be useful for me too!
0 Votes
John McConegly posted about 7 years ago
0 Votes
Deleted Agent posted over 7 years ago Answer
1)The first issue can usually be solved with some custom CSS to increase the z-index of the lightbox and decrease the z-index of the header a little - if you do need help with this please open a support ticket and send a link to a page with the issue. Custom CSS is added via the UI & Layout Composer.
2) Your designer stage is big enough, so that the generated image has the same/ larger dimensions? Other than that this can also be caused by a third-party gallery plugin/ theme.
0 Votes
Login or Sign up to post a comment