How do I set lightbox/prettyphoto to hide frame? « Support Forum | Kriesi.at

Support Forum » Flashlight

How do I set lightbox/prettyphoto to hide frame?

6 posts from 3 voices

Started 1 year ago by jrichman63
Latest reply from Dude
This topic is resolved

Tags:

iOS
Lightbox

jrichman63
Member

How do I set lightbox/prettyphoto to hide frame?

The image viewer does not display correctly on IOS devices. (previously reported) I need to remove the frame. What is the custom code to display lightbox/prettyphoto frameless?

Also how do I hide picture names?

Posted 1 year ago #

Kriesi
Key Master

hey!

I am afraid there is no single setting to remove the frames. However you can try to hide it via css.

add this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at flashlight->styling:

div div.ppt{visibility:hidden;}

div.pp_default .pp_top .pp_middle, .div.pp_default .pp_content_container .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_top .pp_left, div.pp_default .pp_content_container .pp_right, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_right {
background: transparent;
}

Posted 1 year ago #

jrichman63
Member

Hey thanks for the code unfortunately this still has visible graphic misalignment bugs. I also for kicks tried your code and the dudes at the same time, which was closer to looking right but still showed some 1px lines that seem like they are a frame behind the images not lining up correctly.

Still looking for good solution. My site is live and is visible to the top design firm in the US. I would love to knock out this last little hiccup on the site.

Posted 1 year ago #
Dude
Dude

Hi!

Can you post a link please. I'll investigate the ssite with firebug.

Regards,
Peter

Posted 1 year ago #
jrichman63
Member

http://joshrichman.net/

OK how about this in the meantime... What is the code to change the border frame to a dark theme frame?

Since is grays out the screen I would prefer to 1. hide the frame (my first choice, to hide the misalignment) OR 2.change it to dark / black frame (to just hide the errors)

Note: The site is live, I have other mockups to test code on also.

P.S. The theme, support,everything is great! Your team should be very proud. You sell a great product and provide great service.

Posted 1 year ago #

Dude
Dude

Hi!

Please use following code:

div.pp_default .pp_top, div.pp_default .pp_bottom, div.pp_default .pp_content_container .pp_left, div.pp_default .pp_content_container .pp_right{
background: none !important;
}