Title: Full width UX block
Last modified: February 11, 2022

---

# Full width UX block

 *  [cbdease](https://wordpress.org/support/users/cbdease/)
 * (@cbdease)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/full-width-ux-block/)
 * Hey guys, wondering how I can make a UX block go full width when its within a
   container area, see here: [https://pasteboard.co/kNGn9jUUy6bN.png](https://pasteboard.co/kNGn9jUUy6bN.png)
 * Ideally I would like the blue rectangle box element to be full width, any suggestions?
 * Thanks!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffull-width-ux-block%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Sadik Multani](https://wordpress.org/support/users/multanisadik/)
 * (@multanisadik)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/full-width-ux-block/#post-15353613)
 * Hi [@cbdease](https://wordpress.org/support/users/cbdease/)
 * The best option is to contact the theme developer because we don’t have access
   to any commercial products.
 * As you using the flatsome theme from ThemeForest. [Click here](https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/5484319/support)
 * Thanks
 *  [Smit Rathod](https://wordpress.org/support/users/smit08/)
 * (@smit08)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/full-width-ux-block/#post-15353622)
 * hi [@cbdease](https://wordpress.org/support/users/cbdease/)
 * If you know how to edit the theme CSS, then I got the solution for your problem,
   please add the below CSS in your file.
 *     ```
       #section_37168226 {
           width: 100vw;
           position: relative;
           left: 50%;
           right: 50%;
           margin-left: -50vw;
           margin-right: -50vw;
           padding-top: 10px;
           padding-bottom: 10px;
       }
       ```
   
 * and remove the margin left and right -15px from class: .row .gallery, .row .row:
   not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:
   not(.row-collapse).
 * I am attaching 1 codepen for your reference.
    Codepen link: [https://codepen.io/chriscoyier/pen/xOjaYr](https://codepen.io/chriscoyier/pen/xOjaYr)
 * Thank you.
    -  This reply was modified 4 years, 4 months ago by [Smit Rathod](https://wordpress.org/support/users/smit08/).

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

The topic ‘Full width UX block’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 3 participants
 * Last reply from: [Smit Rathod](https://wordpress.org/support/users/smit08/)
 * Last activity: [4 years, 4 months ago](https://wordpress.org/support/topic/full-width-ux-block/#post-15353622)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics