Resizing Sidebar

go to your childtheme’s stylesheet or actually from what I see is you need to make a childtheme

search for the bottom codes and edit to the right width.
if not just add it to the stylesheet

div.col8{
	width:748px;
}

div.col4{
	width:200px;
}

input[type="text"], input.text, input.title, textarea, select{
	width:185px;
}

Thank you, Eddie! That seemed to work. I literally copied and pasted it on the very bottom of the style.css. That’s okay, right? Did it need to go somewhere else? Just don’t want to mess something up for later.

The bottom of the stylesheet should be fine. If there are other rules for those particular selectors, they will be overwritten with the last set of rules, ie. the one you pasted at the bottom.

Yup just like Suzette said. Rules are at the bottom override rules on top.
But I always recommend people editing themes to just setup a child theme.

You Welcome and Glad to help.

It’s actually not a good idea to modify the theme style.css file – because those changes will be lost when the theme is updated. A much better way is a child theme or usign custom CSS (a plugin if your theme does not have the option).