Hi Rob,
Instead of using the above css and then having to adjust the whole grid, go to your functions.php file in the theme files and look for:
$avia_config[‘layout’][‘fullsize’] = array(‘content’ => ‘twelve alpha’, ‘sidebar’ => ‘hidden’, ‘meta’ => ‘two alpha’, ‘entry’ => ‘eleven’);
$avia_config[‘layout’][‘sidebar_left’] = array(‘content’ => ‘nine’, ‘sidebar’ => ‘three alpha’ ,’meta’ => ‘two alpha’, ‘entry’ => ‘nine’);
$avia_config[‘layout’][‘sidebar_right’] = array(‘content’ => ‘nine alpha’, ‘sidebar’ => ‘three alpha’, ‘meta’ => ‘two alpha’, ‘entry’ => ‘nine alpha’);
You can define your own values for the sidebar_left and sidebar_right. So instead of “nine” grid units for the content and “three” for the sidebar you could change it to be “ten” and “two” which would give you a bigger content and smaller sidebar.Regards,
Devin
I found the post (see above) but I’m not sure how to implement it because the code does not look the same as it does in my functions.php. Can you help me? I want to make the widgetbar on the right smaller.
Hi erikvermeulen!
You no longer need to use code to change sidebar width. Please go to Enfold theme options > General Layout > Dimensions and adjust the width as needed :)
Best regards,
Yigit
Ah silly me ;). Thanks for the quick reply. I see it’s 80%-20% is the smallest you can make the sidebar. Would it be possible to make it even smaller? Or would it break the responsive design?
Hey!
You can add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.container .av-content-small.units {
width: 90%;
}
It will make sidebar width 10% automatically :)
Regards,
Yigit
Ok, thanks so much for the great support! This is resolved now and can be closed :).