[Solved] Trouble with my forum's height and width
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. 😛
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:
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). 🙂
Woops, I believe that I posted this in the wrong forum section... Sorry about that!
you have posted in the right place.
Please provide forum URL.
Whaha oh, it appears that I am clueless. 😂
My forum is located at: *private*
Currently, the website is pretty empty, but I am just getting started. 😊
That little piece of code fixed literally everything I wanted! I'm not sure how it worked, but it did. 🤣
Thank you very much, It's nice to know that there are smart people like you in this world, because I have tried everything and nothing worked. Consider my problem solved. 😛 Have a great day!