Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #14277

    Hi,

    I have changed the Pretty_Photo theme in avia.js by this code “Dude” kindly supplied:

    elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh, theme: 'pp_default', /* light_rounded / dark_rounded / light_square / dark_square / facebook */ });

    I have replaced the ‘pp_default’ with ‘dark_square’ and it changes the theme but it does not zoom in properly at mobile sizes.

    With the default Pretty-Photo theme (pp_default) while zoomed in at mobile sizes the image fits the width/touches the edge of the screen. As there is no dark opacity background effect on the left and right sides at mobile sizes. Though when you change the theme the dark opacity background effect on the left and right sides is there which crams the image making it even smaller when you zoom at mobile sizes.

    Thanks for any help.

    #82770

    Hello,

    I think that is because of the css styles associated with the dark_square theme. Can you give us a link so that we can check?

    Regards,

    Ismael

    #82771

    Hi Ismael,

    If you click on my profile name it should link to my site or visit: —- removed by Devin on request —-

    I tried editing the .css file associated with Pretty-Photo, at the bottom there is a mobile screen size section which seems to be just for the pp_default theme. I made a few changes there but the image itself still wouldn’t fit mobile width. I might of missed an edit that might need to be made somewhere. I have gone back to the original .css file with no edits to demonstrate. I think it might be all but the default Pretty-Photo theme that has this issue.

    #82772

    Same situation here. I just changed PP theme to light_square, and iPhone size is all screwed up. Going back pp_default, as it is not a huge issue for me.

    #82773

    I you look at prettyPhoto.css, at the bottom there is some stuff about small sizes. There are some code for pp_default, but not for the other themes. So perhaps you could copy those lines that has pp_default in them, and change to the theme of your choice. (If that makes sense).

    BTW: How do I enable the Twitter and Facebook icons in PrettPhoto?

    #82774

    Try to download the lightbox files from here: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ and replace the current js/css files in choices/js/prettyphoto with the files from the zip file.

    @larsdaniel – open up js/avia.js and replace:

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

    with

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

    #82775

    @larsdaniel – Yeah I tried that, but the width still didn’t seem to work like the default one.

    @Dude – That sadly didn’t work too. There doesn’t seem to be a mobile devices section in that .css, so maybe Kriesi added it himself and knows what edits need to be made.

    Though it would be nice to change the Pretty-Photo theme. I have gone back to the default one for now as it’s not a huge problem. Maybe Kriesi can look at it for the next update or something.

    Thanks for the help though.

    #82776

    Hey!

    PrettyPhoto isn’t responsive and I’m not sure if Kriesi will look into it but I’ll ask him.

    Best regards,

    Peter

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Pretty-Photo Change Theme Problem’ is closed to new replies.