Title: Container height
Last modified: March 18, 2021

---

# Container height

 *  Resolved [marcusvanbelkum](https://wordpress.org/support/users/marcusvanbelkum/)
 * (@marcusvanbelkum)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/container-height-2/)
 * I’m trying to change the height of the container containing the virtual tour 
   but it is not letting me in the settings. I’ve tried with this extra css:
 * .ipanorama.ipnrm-1.ipnrm.ipnrm-theme-light.ipnrm-ready.ipnrm-scene-active {
    
   height: 800px !important; object-fit: cover !important; }
 * But this code just stretches the entire container, including the images. Could
   you help me increase the height of the container while respecting the original
   aspect ratio?
    -  This topic was modified 5 years, 2 months ago by [marcusvanbelkum](https://wordpress.org/support/users/marcusvanbelkum/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcontainer-height-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 12 replies - 1 through 12 (of 12 total)

 *  Plugin Author [Avirtum](https://wordpress.org/support/users/avirtum/)
 * (@avirtum)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/container-height-2/#post-14205554)
 * Try to go to the general tab, then open the container section, disable the auto
   height option and set your own value like 800px as an example.
 *  [korometo](https://wordpress.org/support/users/korometo/)
 * (@korometo)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/container-height-2/#post-14808933)
 * I have the same problem.
    I created second item (duplicated first), but second
   item has fixed height. I have disabled the auto height option in general tab 
   and value 400px. For all values “height”, height on screen is allways the same.
 * First old item (source) has correct height (400px). I am afraid to try change
   his height (for item one) so that it does not break down.
 * I have only three plugins installed: Elementor, Everest Forms and iPanorama 360
   Pro.
 *  [kaz2](https://wordpress.org/support/users/kaz2/)
 * (@kaz2)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/container-height-2/#post-14809364)
 * Are you trying to get the “window” on a WordPress page or post to display the
   tour in a larger size? Or different height and width? Or change the size that“
   full screen” displays. If you just want to make the window size (When you open
   the page/post) different I find it easiest to use the “Embed” code at the bottom
   of the “short code” section.
    iframe width=”560″ height=”315″ src=”[https://website.news/ipanorama/virtualtour/32&#8243](https://website.news/ipanorama/virtualtour/32&#8243);
   frameborder=”0″ allowfullscreen></iframe
 * You can change width and height to about any size you want. I never mess with
   the “container” settings. It doesn’t affect the image at all, just shows more
   or less of it depending on your settings.
 * If this isn’t what you are trying to do… well then, nevermind….
 *  [korometo](https://wordpress.org/support/users/korometo/)
 * (@korometo)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/container-height-2/#post-14812147)
 * I have embedded iPanorama items on page in wordpress as below:
    [https://images90.fotosik.pl/532/2b4491d145abaa84.jpg](https://images90.fotosik.pl/532/2b4491d145abaa84.jpg)
 * First item was created very long ago on free iPanorama Plugin.
 * After install PRO version of plugin iPanorama, next items are cloned from item
   one. All has the same height parameter:
    [https://images91.fotosik.pl/532/9ae7c5feae451d93.jpg](https://images91.fotosik.pl/532/9ae7c5feae451d93.jpg)
 * Unfortunately only first photo has height as defined. All cloned has height 300px.
   
   [https://images92.fotosik.pl/533/82455d20c00621e7med.jpg](https://images92.fotosik.pl/533/82455d20c00621e7med.jpg)
 * Changing the “height” parameter does not work, photos always have the same height.
   
   How to change the height of photos on a page in wordpress?
 * EDIT: I installed a new test web server and a new, clean wordpress and iPanorama
   plugin. The hieght parameter also does not work on it.
    -  This reply was modified 4 years, 8 months ago by [korometo](https://wordpress.org/support/users/korometo/).
    -  This reply was modified 4 years, 8 months ago by [korometo](https://wordpress.org/support/users/korometo/).
    -  This reply was modified 4 years, 8 months ago by [korometo](https://wordpress.org/support/users/korometo/).
    -  This reply was modified 4 years, 8 months ago by [korometo](https://wordpress.org/support/users/korometo/).
 *  [kaz2](https://wordpress.org/support/users/kaz2/)
 * (@kaz2)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/container-height-2/#post-14812285)
 * Here is how I do it.
    [https://www.kasdorf.name/wordpress/2021/08/26/ipanorama-window-size/](https://www.kasdorf.name/wordpress/2021/08/26/ipanorama-window-size/)
 * None of your image links (except the actual page) work for me, only get a 404
   error.
 *  [kaz2](https://wordpress.org/support/users/kaz2/)
 * (@kaz2)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/container-height-2/#post-14812324)
 * Now I can see your image links.
 *  [kaz2](https://wordpress.org/support/users/kaz2/)
 * (@kaz2)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/container-height-2/#post-14812329)
 * Not sure, but you can try turning off the “Inline background styles”. I never
   have it checked.
 *  [korometo](https://wordpress.org/support/users/korometo/)
 * (@korometo)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/container-height-2/#post-14812375)
 * Disabling “Inline background styles” did not help.
    Where can I edit the page’s
   html code to edit the iframe?
 *  [korometo](https://wordpress.org/support/users/korometo/)
 * (@korometo)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/container-height-2/#post-14812418)
 * OK, I know.
 *  [kaz2](https://wordpress.org/support/users/kaz2/)
 * (@kaz2)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/container-height-2/#post-14812449)
 * If you looked at the post I made on doing this, when you copy/paste the line 
   from “Embed Code with ID” you will see the values for iframe height and width
   there. You edit it directly into the post you are making.
 * EXAMPLE this is what is in the iPanorama Embed Code with ID field: <iframe width
   =”560″ height=”315″ src=”[https://www.kasdorf.name/wordpress/ipanorama/virtualtour/9&#8243](https://www.kasdorf.name/wordpress/ipanorama/virtualtour/9&#8243);
   frameborder=”0″ allowfullscreen></iframe>
 * So if you are using Gutenberg, you add a block with type “Shortcode”, then paste
   the text from iPanorama “Embed Code with ID”. (Example above.)
 * Then in that same block, you can change the 560 and 315 to anything you want.
   Note that your values probably will not be 560 and 315, but hopefully you get
   the idea.
 *  [kaz2](https://wordpress.org/support/users/kaz2/)
 * (@kaz2)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/container-height-2/#post-14812466)
 * Oh….. DOH… maybe it is because you are not specifying the unit! You need to add“
   px”
    in the height and width field, not just the “400”! It should be “400px”!
   I just saw that, sorry. So try what you were doing in General settings at the
   very start, but add the “px”.
    -  This reply was modified 4 years, 8 months ago by [kaz2](https://wordpress.org/support/users/kaz2/).
 *  [korometo](https://wordpress.org/support/users/korometo/)
 * (@korometo)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/container-height-2/#post-14812683)
 * Yes! It is it! Missed “px”. Thank You very much!

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Container height’ is closed to new replies.

 * ![](https://ps.w.org/ipanorama-360-virtual-tour-builder-lite/assets/icon-256x256.
   png?rev=2139967)
 * [iPanorama 360 - Advanced Virtual Tour Builder](https://wordpress.org/plugins/ipanorama-360-virtual-tour-builder-lite/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ipanorama-360-virtual-tour-builder-lite/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ipanorama-360-virtual-tour-builder-lite/)
 * [Active Topics](https://wordpress.org/support/plugin/ipanorama-360-virtual-tour-builder-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ipanorama-360-virtual-tour-builder-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ipanorama-360-virtual-tour-builder-lite/reviews/)

## Tags

 * [container height](https://wordpress.org/support/topic-tag/container-height/)

 * 12 replies
 * 4 participants
 * Last reply from: [korometo](https://wordpress.org/support/users/korometo/)
 * Last activity: [4 years, 8 months ago](https://wordpress.org/support/topic/container-height-2/#post-14812683)
 * Status: resolved