Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 28, 2014 at 3:45 pm #215825
    jmalevic

    Hello,

    Thank you for all of your support thus far.

    I’m trying to display a full width panorama pic in my post via this plugin:
    http://codecanyon.net/item/360-panoramic-viewer-wordpress-plugin/5054590

    My test page is here:
    http://kenko8.com/pano/2014/01/26/pano/
    In order for the panorama to display full width, it needs to be in a “container stretched full width” of the page.
    Could you offer any advice on how to make a full width container for this pano?
    If I could place the pano in the same position as the full width slider as in the theme demo, that would be ideal.
    Would it be difficult to place this pano in the slider container instead?

    Sorry if this is a stupid question (I have zero coding knowledge)

    Many thanks for your help.

    January 28, 2014 at 11:39 pm #216085
    Ismael

    Hi jmalevic!

    You can place it inside a color section. Add a unique css selector id for the section, for example “mysection”. Add this on Quick CSS or custom.css:

    #mysection .container {
width: 100%;
}

    Best regards,
    Ismael

    January 29, 2014 at 12:40 pm #216342
    jmalevic

    Hello, thank you for the reply.

    I’m sorry but I’m not sure what you mean by “color section.”

    Could you please advise.

    Thanks

    January 29, 2014 at 9:25 pm #216623
    Yigit

    Hi!

    Ismael meant Color Section element which you can add in Avia Layout Builder under Layout Elements and give it a unique ID http://i.imgur.com/nah9rKn.jpg in this case, mysection

    Regards,
    Yigit

    January 30, 2014 at 12:43 pm #216916
    jmalevic

    Hello,

    Thank you for the input. I found the “color section.” Is it possible to make color sections in posts as well?

    Also, after I make the color section, could you please advise on how to place the panorama into this section?
    Panos are implemented through shortcode:
    [panorama360 src=”http://kenko8.com/pano/wp-content/uploads/2014/01/panoo.jpg” style=”position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;” mousewheel=”1″][/panorama360]

    I have the above css in my quick css btw.

    Thank you

    January 30, 2014 at 9:13 pm #217144
    Yigit

    Hey!

    No, it is not possible. You can add your shortcode inside a Textblock element which is under Content elements in Avia Layout Builder

    Cheers!
    Yigit

    January 31, 2014 at 1:59 pm #217420
    jmalevic

    OK, thanks for the help!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘full screen (width) container’ is closed to new replies.