Hi there!

First of all, I am really happy with the wpForo plugin for my Wordpress website.
It works great, looks great, and most importantly, it's free to use. 😛

Anyway...

I'm having trouble adjusting the forum's height & width to match my website's layout. To illustrate my point, I've attached a picture file to this post.

First I tried to fix this problem by using Elementor, which worked for the desktop version, but it messed up the mobile version of my website. So Elementor was not an option for me.

Then I tried using custom CSS code in wpForo's Colors & Styles section with the following code:

#wpforo-wrap{
font-size: 13px; width: 100%; padding: 40px 0; margin: 0px;
}

This custom CSS code was already there, but I changed the number to 40 so that the top and bottom of my forum would have more white space. The height problem was fixed for me on the desktop version of my website, but not for the mobile version, as the blank space isn't visible there for some reason.

Question 1: how do I add white space on the top and bottom of my forum, which is visible on desktops, tablets, and mobile devices?

Question 2: How do I make the width of my forum smaller, so that it matches the layout of my website? See the picture I have attached to this post.

Basically, does anyone know of a CSS code that fixes all of my problems simultaneously?

Thank you for your time (and help). 🙂