HomeForumsPanoPress SupportResponsive Panorama Embeds with PanoPress

This topic contains 3 replies, has 2 voices, and was last updated by  Sam Rohn 3 years ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2628

    Sam Rohn
    Keymaster

    fluid width fixed aspect ratio panoramas are a bit tricky since panoramas do not have an intrinsic aspect ratio as do image or video files, but we have a working solution for this which will be featured in an upcoming release of PanoPress

    otherwise, standard CSS media queries work fine for displaying panorama embeds at whatever size you like according to screen size and device

    paste the following code into your wordpress theme style.css file, or into the panopress custom CSS box in panopress settings, set both width & height to 100% in panopress admin settings, and note that this will override setting size per shortcode

    set width and height as desired per media query in px, % or any other valid CSS unit, see the links below for info on adding additional breakpoints for different devices and screen sizes

    make sure to include the !important declaration as shown, this is required to override size as set in panopress settings or shortcode

    see these links for more info on CSS3 media queries and !important

    http://arcsec.ca/media-query-builder/

    http://wpmu.org/how-to-customize-responsive-wordpress-themes-part-4-media-queries/

    http://coding.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/

    sam

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

    #2629

    Sam Rohn
    Keymaster

    a more elaborate media query example for more device screen sizes is below, add your styles as shown above

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

    #2712

    Vincèn
    Participant

    Thanks Sam for explanations ! is it included now in Panopress or still have to do what is explained here ?

    http://www.skivr.com

    #2714

    Sam Rohn
    Keymaster

    at this point, these CSS3 media queries are not “built in” to panopress and you need to edit the above code yourself as desired, too many variables which are more are more about the particular theme…

    we are working on other solutions for responsive embeds mentioned above that may become part of panopress in the future, stay tuned 🙂

    sam

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

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

You must be logged in to reply to this topic.