Sidebar Width Decreased

Good day.

I would like to decrease the sidebar width. Is there a way to do it with additional CSS code?
I’ve tried the code down below but I’m not getting the result I’m looking for, it creates a big space between the content and sidebar as well. Ideally I’d like the width to be around 350px

    @media only screen and (min-width:992px){
      .blog .content-area,
      .archive .content-area,
      .single-post .content-area{
        width: 75%;

      .blog .widget-area,
      .archive .widget-area,
      .single-post .widget-area{
        width: 25%;
        float: right;


Thank you.

Hello there,

Try this CSS code:

    @media only screen and (min-width: 992px) {
      #primary.content-area {
        width: 70%;
      #secondary.widget-area {
        width: 30%;


It worked perfectly thank you very much!

Best Regards

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.