• Resolved fkdstudio

    (@fkdstudio)


    Hi I am trying to figure out what i need to write in css to make this wpvr player full width or wide in posts using gutenberg.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author RexTheme

    (@rextheme)

    Please open wpvr block and add required height and width. I saw that it is not going full width because of max width. For my screen,
    [wpvr id = , width=”1208px” height=”800px”]

    Added additional style,
    #pano1648 {
    max-width: 100%;
    }

    Thread Starter fkdstudio

    (@fkdstudio)

    Thanks for your help on this.
    I tried the above mentioned code in the following.

    wpvr block – additional css class
    Shortcode block
    additonal css costomising panel
    child theme css style sheet

    None have had any success at this point.

    I tried the below code utilizing existing styling from the wordpress twenty nineteen theme to implement ipanorama and it works but not with WP VR?

    [ipanorama id = "1315" slug = "vr-shae" class="wp-block-image" style="width: wide"]

    Plugin Author RexTheme

    (@rextheme)

    Okay, first of all, I checked the link. You may inspect the image containing div is “entry-content”. It is 100% according to its container. If you are asking about making full width over the container just add this code,
    #pano1648 {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    height: 800px;
    margin-top: 100px;
    left: 50%;
    max-width: 100vw;

    Plugin Author RexTheme

    (@rextheme)

    Hi,

    We believe you got the solution from our last message since we didn’t hear from you for a while.

    So I am marking this as resolved for now. You can always let us know if you have any more issues.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘full width short code gutenberg’ is closed to new replies.