Awake 2.2 - PrettyPhoto theme (rounded corners)

resolved (5 posts) (4 voices)

  1. Strategerizer
    Member

    It wanted a way to have rounded corners for my lightbox. I see that Awake uses PrettyPhoto so I went to the official site to learn some more about that - http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/. Towards the bottom of the page they show screenshots with the 6 main themes "that you can choose from".

    Do you know how I can change the PrettyPhoto theme in Awake (looks like "Light Square Theme") with another one that has rounded corners? Are the theme files already somewhere part of the Awake files or I will need to get a new CSS folder/files to replace the existing one? Unfortunately, the PrettyPhoto documentation is not very clear so I hope you can point me in the right direction.

    Thanks.

    Posted 2 years ago #
  2. Strategerizer
    Member

    I found the answer in another thread: http://mysitemyway.com/support/topic/prettyphoto-style#post-805

    I edited custom.js to have PrettyPhoto use another theme. Two things that came up:

    1) There seems to be a typo in the comments of custom.js that are listing the names of themes available; light_square is listed twice but light_rounded is not listed.

    Here is the original code in Awake 2.2:

    * prettyPhoto
    	 */
    	jQuery("a[rel^='prettyPhoto'], a[rel^='lightbox']").prettyPhoto({
    		overlay_gallery: false, social_tools: '', 'theme': 'light_square' /* light_square / dark_rounded / light_square / dark_square / facebook */
    	});

    2) PrettyPhoto shows their latest and best theme to be the new default one, listed as "pp_default". I tried entering that value for the theme in custom.js but it does not seem to be recognized. I assume the Awake code does not use the latest PrettyPhoto release and/or theme. Do you know if that is the case and if there is a way to get that new theme into Awake?

    Thanks.

    Posted 2 years ago #
  3. Ruderic
    Support

    Hi,

    I already wrote you a description on how to update prettyPhoto in another thread. Once you update it, you will be able to use the new "default" style.

    Posted 2 years ago #
  4. simienap
    Member

    Hi there,
    Is the prettyPhoto "default" theme working in the "Fusion" Theme? How can I do this? I have already tried uploading the prettyPhoto "default" theme into the images folder and changed the theme in the scripts.js file but no dice. Then I tried changing the css and js files of the latest prettyPhoto files to update, emptied cache and still nothing.

    Posted 2 years ago #
  5. Elliott
    Support

    Hello simienap,

    You'll want to download the latest version of prettyPhoto from here, http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/, and extract into /wp-content/themes/[your_theme]/lib/scripts/ to use the latest version.

    You'll then want to do this, http://mysitemyway.com/support/topic/change-the-skin-of-prettyphoto.

    Posted 2 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme