The easiest way is to make the sidebars a little bit smaller
test it
add in css folder a custom.css and add the lines:
.t3-sidebar .t3-module {
padding-top: 30px;
padding-left: 41px;
padding-right: 41px;
}
Or you only can add padding for the middle part like this:
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
padding-left:12px;
padding-right:12px;
}
Test both versions and you can choose what you want.
and if you want to have more free space between sidebar and middle content, you can play with the px specifications.
Example: try to scale up from 12px to 20px .. and see what in frontpage happens
Wish you a nice day and i hope this was helpful
fmfame 10 years, 5 months ago.
