Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Login with Facebook

Sign In Apply for Membership

Tagged

NOTICE - PANOPRESS FORUMS HAVE MOVED !
THESE FORUMS ARE LOCKED, THIS PAGE IS NOW CLOSED
PLEASE LOGIN & POST ON THE NEW PANOPRESS FORUM PAGE HERE -
http://www.panopress.org/forums/
PanoPress CSS tips
  • Sam+RohnSam Rohn July 2012

    with PanoPress 1.0b1 and later, you can customize the look of panopress embeds & panobox as you like, go to panopress settings > advanced > CSS and enter your own CSS code using the classes as shown below

    also look through posts on this forum tagged CSS for more info and examples


    here is a reference list for panopress css, usage examples will be posted below

    Class name • Description
    .pp-embed • the embedded panorama div
    .pp-embed-content • content (after loading)
    .pp-embed-play • the play button on preview image
    .pp-embed-title • panorama title
    .pp-error • error messages
    .pb-box • panobox (lightbox) window
    .pb-loader • animated loader icon
    .pb-content • panobox content (after loading)
    .pb-close • panobox close button
    .pb-title • panobox title
    .pb-shadow • panobox drop-shadow
    .pb-background • panobox background overlay
    .pb-nav • panobox navigation pips & arrows

    Sam Rohn :: 360° Panoramic Photography :: Location Scout :: New York City
  • Sam+RohnSam Rohn July 2012

    to disable the panobox navigation pips & arrows, paste the following into your panopress css settings -

    .pb-nav {
    display:none;
    }


    Sam Rohn :: 360° Panoramic Photography :: Location Scout :: New York City
  • Sam+RohnSam Rohn July 2012

    use this code to display preview images at same size as embed window with no clipping (if your images are different size than the embed)

    .pp-embed { 
    background-size:100% 100%; 
    background-clip:content-box; 
    -webkit-background-clip:content-box; 
    }


    Sam Rohn :: 360° Panoramic Photography :: Location Scout :: New York City