Changing PrettyPhoto Lightbox Theme

The PrettyPhoto lightbox plugin comes with a few additional themes, than the one enabled into the theme by default. Here are the available options:

– default
– light_rounded (Light Rounded)
– light_square (Light Square)
– dark_rounded (Dark Rounded)
– dark_square (Dark Square)
– facebook

Once you choose one of these options, you have to set it to the theme property of the initialization code. The following examples will show how to change the theme to dark_rounded .

Photolux WordPress Theme

Open the theme’s js/main.js file and modify line 630:

var options={animation_speed:'normal', theme:pexetoSite.lightboxStyle, overlay_gallery: false, slideshow:false, social_tools:''};

to be like this:

var options={animation_speed:'normal', theme:'dark_rounded', overlay_gallery: false, slideshow:false, social_tools:''};

Acoustic WordPress Theme

Open the theme’s js/main.js file and modify line 876:

var options={animation_speed:'normal', theme:'pp_default', overlay_gallery: false, slideshow:false};

to be like this:

var options={animation_speed:'normal', theme:'dark_rounded', overlay_gallery: false, slideshow:false};

The Cotton WordPress Theme

Open the theme’s script/script.js file and modify line 652:

elem.prettyPhoto({animation_speed:'normal', theme:'light_rounded', overlay_gallery: false});

to be like this:

elem.prettyPhoto({animation_speed:'normal', theme:'dark_rounded_rounded', overlay_gallery: false});

Highlight WordPress Theme

Open the theme’s script/script.js file and modify line 209:

jQuery("a[rel^='lightbox']").prettyPhoto({animation_speed:'normal', theme:'facebook', overlay_gallery: true});

to be like this:

jQuery("a[rel^='lightbox']").prettyPhoto({animation_speed:'normal', theme:'dark_rounded', overlay_gallery: true});

Dandelion WordPress Theme

Open the theme’s script/script.js file and modify line 72:

elem.prettyPhoto({animation_speed:'normal', theme:'light_rounded', overlay_gallery: false});

to be like this:

elem.prettyPhoto({animation_speed:'normal', theme:'dark_rounded', overlay_gallery: false});

Anthology WordPress Theme

Open the theme’s script/script.js file and modify line 63:

elem.prettyPhoto({animation_speed:'normal', theme:'light_rounded', overlay_gallery: false});

to be like this:

elem.prettyPhoto({animation_speed:'normal', theme:'dark_rounded', overlay_gallery: false});