Reducing the overall width and adjusting text

[JoeyK]

Hello

I trying to narrowing the width of Magazine Pro. I was able to do this with some helpful code that I go of this forum which I am using in the Additional CSS. However, I can't quite fix the text in the main body which now almost touches the side bar text -see the attached screen shot: https://monosnap.com/file/dH5xpsVM5QDDyYeVk8xfbHy5jbSDlQ

Am hoping to get some guidance about how to fix - I have set out the code I am using in the Additional CSS below:

body, .entry-content p { font-size: 14.5px; }
.sidebar .widget-title { font-size: 15px; }
body {
margin: 0 auto;
width: 1000px;
}

#inner {
width: 800px;
padding: 40px;
}
.content-sidebar #content-sidebar-wrap {
width: 950px;
}
.content-sidebar #content {
width: 740px;
}
.sidebar {
width: 240px;
}
.full-width-content #content {
width: 950px;
}

.footer-widgets-1, .footer-widgets-3 {
width: 335px;
}
.footer-widgets-2 {
width: 340px;
}

[Author]

Posts