Removing content gray area


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?


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:


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



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.

Write a reply

Login or register to write a reply, it's free!