Larger center area and proper sidebar

Hi florinangelescu. For the desktop view you’d probably need to copy /img/sidebar/s-right-s2.png into a child theme and change the width. The mobile views use different sidebar background images based on the viewport width.

But I think the background is just color and no image.
I managed to make it work some while ago but lost my child theme.
Now I upgraded and all my changes are lost. I am trying to get the old looks back and this is the last thing I need to fix.
Any other ideas?

This css is currently being applied to the main content area. The image is pushed to the right edge of the area which is under the sidebar. You set the sidebar width to 340px but the image is only 260px wide:

.col-3cm .main {
  background: url(img/sidebar/s-right-s2.png) repeat-y right 0;
}

If you change it to use the inner content area image, which is 340px wide, it will fill in the secondary sidebar background:

.col-3cm .main {
  background: url(img/sidebar/s-left.png) repeat-y right 0;
}

I don’t know if that change will result in other issues when the sidebars are adjusted in responsive mode. I think the secondary sidebar is reset to 260px and collapses first in the mobile view so it may turn out ok; you’ll just need to test it.

It worked like a charm.
Thank you very much!