Lightbox color

4 posts from 3 voices

• Started 10 months ago by O5
• Latest reply from Devin
• This topic is not a support question

Tags:

No tags yet.

1. 

   O5
   Member

   Hi

   How can you custom lightbox color, if you don't want to use white or black?

   Thx

   Posted 10 months ago #
2. 

   Ismael
   Moderator

   Hello,

   Do you mean the background of lightbox? You can add this on your custom.css

   div.pp_overlay {
   background: red;
   }

   You change the theme of prettyPhoto by doing this. Open js > avia.js and find this code

   elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });

   Replace it with this code

   elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh, "theme": 'light_rounded', });

   You can select within these themes

   /* facebook /light_rounded / dark_rounded / light_square / dark_square */

   Regards,
   Ismael

   Posted 10 months ago #
3. 

   O5
   Member

   Hi

   Thank you. I'm actually refering to the white box behing each image. Is it possible to edit this?

   Thx

   Posted 10 months ago #
4. 

   Devin
   Moderator

   Hi O5,

   The border is all images so changing the color would require changing the image spirtes in js>prettyPhoto>images>prettyPhoto and then the currently used theme. The easiest change is to use a different them following the instructions from Ismael above which wouldn't require changing out the image files.

   Regards,

   Devin

   Posted 10 months ago #

RSS feed for this topic

Reply

You must log in to post.