Title: full width short code gutenberg
Last modified: February 6, 2019

---

# full width short code gutenberg

 *  Resolved [fkdstudio](https://wordpress.org/support/users/fkdstudio/)
 * (@fkdstudio)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/full-width-short-code-gutenberg/)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffull-width-short-code-gutenberg%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [RexTheme](https://wordpress.org/support/users/rextheme/)
 * (@rextheme)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/full-width-short-code-gutenberg/#post-11173710)
 * 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](https://wordpress.org/support/users/fkdstudio/)
 * (@fkdstudio)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/full-width-short-code-gutenberg/#post-11177565)
 * 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](https://wordpress.org/support/users/rextheme/)
 * (@rextheme)
 * [7 years, 4 months ago](https://wordpress.org/support/topic/full-width-short-code-gutenberg/#post-11178071)
 * 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](https://wordpress.org/support/users/rextheme/)
 * (@rextheme)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/full-width-short-code-gutenberg/#post-11220756)
 * 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.

 * ![](https://ps.w.org/wpvr/assets/icon-256x256.gif?rev=2480604)
 * [WP VR - 360 Panorama and Virtual Tour Builder](https://wordpress.org/plugins/wpvr/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wpvr/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wpvr/)
 * [Active Topics](https://wordpress.org/support/plugin/wpvr/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpvr/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpvr/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [RexTheme](https://wordpress.org/support/users/rextheme/)
 * Last activity: [7 years, 3 months ago](https://wordpress.org/support/topic/full-width-short-code-gutenberg/#post-11220756)
 * Status: resolved