hi,

the code

#wpforo #wpforo-wrap {
font-size: 16px; width: 100%; padding:3px 2px; margin:3px;
}

.entry-content > blockquote {
padding: 0 !important;
margin: 0 !important;
border: none !important;
}

by "move out" the short code blockquote did you mean just to delete it? like

#wpforo #wpforo-wrap {
font-size: 16px; width: 100%; padding:3px 2px; margin:3px;
}

.entry-content >

{
padding: 0 !important;
margin: 0 !important;
border: none !important;
}

as i did not see it change

Also only my south korea forum has a white bar on the left side. im not sure why. it does not exist on the source forum or the other

http://unitedstudy.co.uk/south-korea-esl-forum/

Please read Robert's answers: 

https://wpforo.com/community/how-to-and-troubleshooting-2/forum-widths-not-equal/paged/2/#post-32734

hi,

Thank you. i have the code inserted but it seems like it looks the same

#wpforo #wpforo-wrap {
font-size: 16px; width: 100%; padding:3px 2px; margin:3px;
}

.entry-content > blockquote {
padding: 0 !important;
margin: 0 !important;
border: none !important;
}

I have this code currently in the styles-custom css

They have big spaces on the sides and id like to make the white background the same colour as the page

http://unitedstudy.co.uk/south-korea-esl-forum/

Http://unitedstudy.co.uk/china-esl-forum/

All your pages have the same width and side padding. This is your theme design. Check theme options and page templates on the right side of edit page screen. Maybe this theme has a wider template. You can contact to the theme developer for page template customization.

Please move out wpForo shortcode from <blockquote> s. The whole forum is loaded in <blockquote></blockquote>. Just edit the forum page and remove blockquote. This will fix the with line on the left side of forum.

Please try the following CSS code, it should solve the issue:

.entry-content > blockquote {
   padding: 0 !important;
   margin: 0 !important;
   border: none !important;
}

Please don't forget to press Ctrl+F5 (twice) on the frontend before checking.

I have this code currently in the styles-custom css

They have big spaces on the sides and id like to make the white background the same colour as the page

http://unitedstudy.co.uk/south-korea-esl-forum/

Http://unitedstudy.co.uk/china-esl-forum/

The source forum that i don't really want but the solution to not being able to have 2 separate forums currently.

http://unitedstudy.co.uk/esl-forums/

div#content {
width: 100% !important;
max-width: 99% !important;
}

I added the css in but unfortunately they're still not the same and also not equally spaced on both sides.

The issue mostly comes from your active theme. Please navigate the Dashboard > Forums > Settings > Styles admin page, put the CSS code below in "Custom CSS code" textarea, save it, delete all caches and check again. The issue should be solved.

div#content {
   width: 100% !important;
   max-width: 99% !important;
}

Please don't forget to press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.