• Resolved wpzugang

    (@wpzugang)


    Hi, I would like to have a fixed aspect ratio of some columns that cointain content that have no option to set a fixed aspect ratio like a spheric picture.

    In the advanced tab, I already tried the additional CSS classes padding-top: 56.25% and aspect-ratio: 16 / 9 for a 16:9 aspect ratio but nothing changes. Any ideas?

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi, I would like to have a fixed aspect ratio of some columns that cointain content that have no option to set a fixed aspect ratio like a spheric picture.

    Hi @wpzugang have you tried the option to change the width of each column within column settings as shown in this short video?

    Thread Starter wpzugang

    (@wpzugang)

    Which video?

    Yes I use column width but this has no effect on the column height.

    Hi @wpzugang sorry about that, here is the video: https://d.pr/v/4IkJhu

    Yes I use column width but this has no effect on the column height.

    The column height is depended on how much content you have inside it, you’d like to have a fixed height?

    Thread Starter wpzugang

    (@wpzugang)

    I would like to set a fixed aspect ratio, not a fixed hight.

    If I set a fixed height, the size would not change with the screen size.

    E.g. I have a spheric panorama picture which has no fixed height or width. To get a scalable responsive panoramic picture size which is equal to other elements in the row (like a 16:9 video), I need to set a fixed aspect ratio independend from width or height.

    Hi, I would like to have a fixed aspect ratio of some columns that cointain content that have no option to set a fixed aspect ratio like a spheric picture.

    Hi @wpzugang as a test on my site I created a CSS class as shown below for the aspect ratio 16:9. To activate this CSS I am adding fixed-aspect-ratio to the Advanced CSS section on my column block.

    .fixed-aspect-ratio {
        aspect-ratio: 16 / 9;
    }

    If this isn’t working for you can you please share a link to the image on your site, you mentioned that your site isn’t live yet but it would be easier to see how content is structured on your site.

    Thread Starter wpzugang

    (@wpzugang)

    Hello, thanks for your help. This looks correct but didn’t solve the problem.

    I think I figured out what is the problem: The plugins only have the options to set hight in pixels px or vertical height vh but no way to deactivate the height setting. I tried iPanorama, Panorama Viewer and WP VR.

    So I am looking for a way to overwrite the height value of the plugins. Optimally with a block element.

    Here are some screenshots: https://aeropano.net/wordpress-img/plugin-settings-to-overwrite.JPG https://aeropano.net/wordpress-img/acpect-ratio-big-screen.JPG https://aeropano.net/wordpress-img/acpect-ratio-small-screen.JPG

    The correct name of my topic should be: How to overwrite the dimension values of a plugin? Sorry for confusion.

    Thank you for the clarification @wpzugang. I have updated the title of the thread as you suggested.

    It sounds like the question is not really specific to Twenty Twenty-Three but more of a general question on how to extend and customize blocks, right? If so, could you please create a new thread in the Developing with WordPress forum?

    Thank you!

    Thread Starter wpzugang

    (@wpzugang)

    Yes correct, it is not a Twenty Twenty-Three specific problem as I thought first. I will continue wit the website and and I’ll gladly take your suggestion to open a new topic in case I couldn’t solve the problem when I’m finished with the website.

    Hi @wpzugang sounds great, please feel free to reach out if you have any questions

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to overwrite the dimension values of a plugin’ is closed to new replies.