@Jean-Paul: You can just change the width for large screen sizes. Following is the CSS for various screen sizes. You can change the width of Primary and Secondary as per your need. Right Sidebar is Secondary and Content is Primary. So, if you decrease the secondary by 10px then you should increase the primary by 10px. Then after editing, you can add the css in “Appearance => Theme Options => Custom CSS” box:
/* For Screen Size above 941px */
@media screen and (min-width: 941px) {
.two-columns #primary { width: 540px; }
.two-columns #secondary { width: 340px; }
}
/* For Screen Size above 1001px */
@media screen and (min-width: 1001px) {
.two-columns #primary { width: 600px; }
.two-columns #secondary { width: 340px; }
}
/* For Screen Size above 1101px */
@media screen and (min-width: 1101px) {
.two-columns #primary { width: 680px; }
.two-columns #secondary { width: 340px; }
}
/* For Screen Size above 1153px */
@media screen and (min-width: 1153px) {
.two-columns #primary { width: 740px; }
.two-columns #secondary { width: 340px; }
}
/* For Screen Size above 1281px */
@media screen and (min-width: 1281px ) {
.two-columns #primary { width: 750px; }
.two-columns #secondary { width: 400px; }
}
.
