HomeForumsPanoPress SupportPanoPress CSS tips

Tagged: 

This topic contains 4 replies, has 1 voice, and was last updated by  Sam Rohn 4 years ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1767

    Sam Rohn
    Keymaster

    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 :: New York City
    360° Panoramic Photography :: www.samrohn.com
    Location Scout :: www.nylocations.com

    #1768

    Sam Rohn
    Keymaster

    to disable the panobox navigation pips, paste the following into your panopress css settings –

    Sam Rohn :: New York City
    360° Panoramic Photography :: www.samrohn.com
    Location Scout :: www.nylocations.com

    #1769

    Sam Rohn
    Keymaster

    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)

    Sam Rohn :: New York City
    360° Panoramic Photography :: www.samrohn.com
    Location Scout :: www.nylocations.com

    #1770

    Sam Rohn
    Keymaster

    change the play button to a custom image

    Sam Rohn :: New York City
    360° Panoramic Photography :: www.samrohn.com
    Location Scout :: www.nylocations.com

    #1831

    Sam Rohn
    Keymaster

    create a grid style gallery page

    if you embed multiple panos in one post or page, this will allow the panos to fill in a grid from left to right, rather than stacking vertically all in one column, margin and padding are optional and may be set as desired

    Sam Rohn :: New York City
    360° Panoramic Photography :: www.samrohn.com
    Location Scout :: www.nylocations.com

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

You must be logged in to reply to this topic.