change background color of pretty photo lightbox « Support Forum | Kriesi.at

change background color of pretty photo lightbox

6 posts from 3 voices

Tags:

khjoy
Member

I followed a thread on this topic that said to replace theme:'default' with theme:'dark_square'. I did this in the area of code seen below of the jquery.prettyPhoto.js file:

(function($){$.prettyPhoto={version:'3.0.2'};$.fn.prettyPhoto=function(pp_settings){pp_settings=jQuery.extend({animation_speed:'fast',slideshow:false,autoplay_slideshow:false,opacity:0.80,show_title:true,allow_resize:true,default_width:500,default_height:344,counter_separator_label:'/',theme:'dark_square',hideflash:false,wmode:'opaque',autoplay:true,modal:false,overlay_gallery:true,keyboard_shortcuts:true,changepicturecallback:function(){},callback:function(){},markup:'<div class="pp_pic_holder"> \

and nothing happened. Do I need to change it somewhere else? Or do something else?

Thanks!

Posted 1 year ago #
Ismael
Moderator

Hello,

This might help you out. http://www.kriesi.at/support/topic/brightbox-prettyphoto-skin

And another thing I think you should do is to delete the browser history and reload the page. :)

Regards,
Ismael

Posted 1 year ago #
khjoy
Member

Thanks Ismael, but the only js files in habitat/js are custom.js, dd_belated_png.js, jquery.js, and the folder prettyPhoto which only has jquery.prettyPhoto.js. I can't find js/avia.js anywhere. I have also cleared browser history and reloaded the page. The page is at http://www.bobmooreconstruction.net/new/portfolio/

Thanks

Posted 1 year ago #

Dude
Dude

You can change the background color with following css code:

div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content{
background: #333 !important;
}

I'd add it to css/style3.css or style.css.

Posted 1 year ago #

khjoy
Member

That works, thanks!

Posted 1 year ago #
Ismael
Moderator

Hi,

Glad that it worked. :)

Cheers,
Ismael

Posted 1 year ago #

You must log in to post.