Decrease width on Bespoke.js

Question

I'd like to know how to decrease the width between <sections> </sections> within the 'Classic' theme for Bespoke.js

The GitHub can be found here - http://markdalgleish.com/projects/bespoke.js/

Answer 1

You could do it from css as long as you're using the default width for a certain box. CSS:

.classic .bespoke-parent section.bespoke-inactive.bespoke-before {
    left: 55%;
}

.classic .bespose-parent section.bespoke-inactive.bespoke-after {
    left: 45%;
}

You can play with left values until you get the desired result. At least this is I came up with on a fast Bespoke overview.