![](https://beanscommunity.wpenginepowered.com/wp-content/uploads/beans/images/d5dbda3f597146783ba58a0d32c462a1-87a1c39.jpg)
Hello,
How can I stretch out the uk-container inside the content area to maximum and left with no gray color area (markup -> beans_main or tm-main)? I tried some of the CSS on the code snippets section to max out the layout but it doesn't gives me what I want.
Currently for the temporary solution I just change the background color to white so it looks like unpartition area.
Is there any other way to do it?
Thanks!
![](https://beanscommunity.wpenginepowered.com/wp-content/uploads/beans/images/6ec8519572c8910acc739f269b9bed06-87a1c39.jpg)
Two ways you could do this...
(1) Remove the .uk-container and .uk-container-center classes by adding this in functions.php:
add_action( 'beans_uikit_enqueue_scripts', 'my_theme_enqueue_uikit_assets' );
beans_add_smart_action( 'wp', 'my_theme_enqueue_uikit_assets' );
function my_theme_enqueue_uikit_assets() {
beans_remove_attribute( 'beans_fixed_wrap[_main]', 'class', 'uk-container uk-container-center' );
}
(2) Overwrite the .uk-container class, as explained here: http://www.getbeans.io/documentation/overwriting-or-extending-uikit-components/.
![](https://beanscommunity.wpenginepowered.com/wp-content/uploads/beans/images/19fc55df0a7382c19e4480349fee60fa-87a1c39.jpg)
Hello,
Kevin : you can add
beans_remove_attribute( 'beans_fixed_wrap[_main]', 'class', 'uk-container uk-container-center' );
directly in your functions.php, can't you ? No need to enqueue this in
beans_uikit_enqueue_scripts
Mat
![](https://beanscommunity.wpenginepowered.com/wp-content/uploads/beans/images/6ec8519572c8910acc739f269b9bed06-87a1c39.jpg)
Ah, you're right. Sorry, that's just me trying to think while on autopilot.
If you want to use an action hook, it would be wp
. I've changed my previous post to reflect this. But as you said, beans_remove_attribute
will do just fine sitting in functions.php on its own.