• Resolved marcusvanbelkum

    (@marcusvanbelkum)


    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?

    The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author Avirtum

    (@avirtum)

    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.

    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.

    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; 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….

    I have embedded iPanorama items on page in wordpress as below:
    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

    Unfortunately only first photo has height as defined. All cloned has height 300px.
    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 3 years, 3 months ago by korometo.
    • This reply was modified 3 years, 3 months ago by korometo.
    • This reply was modified 3 years, 3 months ago by korometo.
    • This reply was modified 3 years, 3 months ago by korometo.

    Here is how I do it.
    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.

    Now I can see your image links.

    Not sure, but you can try turning off the “Inline background styles”. I never have it checked.

    Disabling “Inline background styles” did not help.
    Where can I edit the page’s html code to edit the iframe?

    OK, I know.

    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; 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.

    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 3 years, 3 months ago by kaz2.

    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.