How to reduce the side bar width?

Hi, it would be good to tell me do you want to achieve this on all pages or just single post or blog page for example? Also if you could share your page link it would be great.

It can be achieved with custom CSS (simple custom css plugin can be handy for this).

Default sidebar width is 360px, change it like this:

.blog .widget-area {
  width: 300px;
}

Default content width is 750px, change it for how much you shorten sidebar (60px for this example):

.blog .content-area {
  width: 810px;
}

Great! Thank you for the code. I changed it to .page for my site and it works. I hope you can help with 2 questions below:

1. How do I reset the “About” page to full width?
The “About” page was set to full with (did not have a side bar) and now it shows the space of the side bar (although there is nothing in that space). I have set the page to “Full Width” but it seems the code overrides this.

2. How do I move the text all the way to the left (the side bar)on the “Contact” page?

https://curativeconsulting.com/about/

1. Full Width is now overridden with .page which you used. You can target elements with Chrome dev tools. Replace the code you used with the code below, it will target all pages with default template:

.page-template-default .widget-area {
  width: 300px;
}

.page-template-default .content-area {
  width: 300px;
}

2. Currently I don’t have solution for this one. In fact I am thinking about simplest way…

2. Definitely CSS, just target that page (contact page) with .page-id-51. Just use CSS code below as it is: ??

.page-id-51 .widget-area {
  float: left;
}

.page-id-51 .content-area {
  float: right;
}

1. Full width for default template:
I put the code in the custom CSS and it did not work for me. Does it mean that it must go into the child theme? I don’t have a child theme (yes, I am a bit intimidated by the whole concept).

2. Side bar float left: I redid the widget for this page and it aligns consistently as the rest.

Thanks so much for your help!

Below is the whole code that you have to apply, but remove previously added code because it is setting your full-width template to 835px.
img1 img2

.page-template-default .content-area {
  width: 835px;
}

.page-template-default .widget-area {
  width: 300px;
}

.page-id-51 .widget-area {
  float: left;
}

.page-id-51 .content-area {
  float: right;
}

THANK YOU! It works!