Make content area wider, right sidebar narrower

@catwingz: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

.two-columns #primary {
    width: 900px;
}

.two-columns #secondary {
    width: 250px;
}
  
@media screen and (max-width: 1280px) {
    .two-columns #primary {
        width: 840px;
    }
}

@media screen and (max-width: 1152px) {
    .two-columns #primary {
        width: 780px;
    }
}

@media screen and (max-width: 1100px) {
    .two-columns #primary {
        width: 700px;
    }
}
  
@media screen and (max-width: 1000px) {
    .two-columns #primary {
        width: 640px;
    }
}
  
@media screen and (max-width: 940px) {
    .two-columns #primary {
        width: 530px;
    }
  
    .two-columns #secondary {
        width: 200px;
    }
}

@media screen and (max-width: 782px) {
    .two-columns #primary {
        width: 100%;
    }
  .two-columns #secondary {
        width: 620px;
    }
}

@media screen and (max-width: 640px) {
    .two-columns #secondary {
        width: 520px;
    }
}

@media screen and (max-width: 568px) {
    .two-columns #secondary {
        width: 560px;
    }
}

@media screen and (max-width: 480px) {
    .two-columns #secondary {
        width: 100%;
    }
}

Regards,
Mahesh

@catwingz: Looking forward for it too. Have a nice day! 🙂

Regards,
Mahesh

@joeh47: The option you are seeking is available in Adventurous Pro. It has No Sidebar (Full width) layout options, the one you want to have plus more other options too. I recommend you to upgrade to Pro.

Regards,
Mahesh

@catwingz: Please post in your site url.

@catwingz: The problem that you have blank post in above reply is you have put the <a> tag but nothing to display in it. I checked your site but didn’t see any issue, may be I missed it. Can you please tell me in which page is the problem is actually ocurring? (page with problem – url)

Regards,
Mahesh

@catwingz: The problem is because the editor’s content width is defined by the theme so that is match the actual content width of the site. You have now customized the theme by increasing the content width through custom CSS. But the width of editor’s content stayed the same and caused the issue. If you would like to do this level of customization. I recommend you to use the child theme. You can find more details on creating child theme HERE then add the CSS to child theme’s style.css
And for the editor’s content width, copy editor-style.css file to your child theme and edit and change line 7 to max-width: 860px;
so it would look like following:

html .mceContentBody {
    max-width: 860px;
}

Hope this helps.

Regards,
Mahesh

@catwingz: Glad to know. Thank you for your appreciation. If you like my support and Catch Flames theme then please support by providing your valuable review and rating at https://wordpress.org/support/view/theme-reviews/catch-flames?rate=5#postform
Have a nice day!

Regards,
Mahesh