Posted by: foteck
I have a CSS issue where there is a padding of 23px, see below, on the forum menu, where the headings are Forums - Members - Recent Posts - My Profile - Logout
Right before Forum there is a space of 23px that (1) I want to remove but I can not find the file to remove it with. The space is also on the drop-down menu of My Profile. I would attach images but I don't know how on this forum. I am new to css also.Â
- padding:Â 0 0 23px 1em;
- line-height:Â 26px;
- list-style-type:Â disc;
Hi @foteck,
You might want to check the settings on:
1) Forum Dashboard
2) Settings:
3) Select Styles tab
on the Custom CSS Code Box is where you can try checking your present code.
It might look like the one you pasted:
padding: 0 0 23px 1em;
The 23px is the settings for the "right", so if you change that to just 0, and the 1em is for the "bottom" setting, which you can just also set to 0.
That's why you are having that space, that you showed in your screenshot.
In case you don't have anything on your Customized CSS Code, then that 23px "space" is most probably coming from your WP theme css. In order for that setting to not affect your wpForo, you can just use the CSS code below and copy it into that Customized CSS box (Step #1,2,3) above steps).
Here's the code I use on my forum, and sharing it with you:
4) Copy and paste to your Custom CSS Code Box:Â
#wpforo #wpforo-wrap {
font-size: 13px;
width: 100%;
padding:10px 20px;
margin:0px;
}
5) Click UPDATE OPTIONS at the bottom. Â
6) Refresh your Front page or press Control F5.
Â
Notice above on the "padding", I only have two settings: 10px for top, and 20px for left.
Hope that helps. Good luck and God bless you.
P.S. It also really helps to get familiar with the Documentation of wpForo, because wpForo works great out of the box. More often than not, when we (the wpForo users) try and change too many things that results in these errors (I did make those mistakes when I started out! 🙂 . So, get familiar with the documentation, so you avoid errors in your customizations going forward. 🙂
https://wpforo.com/documentation/
Â